Improve button layouts.

[plomtask] / templates / process.html

diff --git a/templates/process.html b/templates/process.html
index 8c219c6233a748db6e73bb2a37ca0a86c113f7fb..8a50e15d16f541974c7c494248885898cffe0095 100644 (file)
--- a/templates/process.html
+++ b/templates/process.html
@@ -1,5 +1,20 @@
 {% extends 'base.html' %}
 
+{% block css %}
+input.btn-harmless {
+  color: green;
+}
+input.btn-dangerous {
+  color: red;
+}
+div.btn-to-right {
+  float: right;
+  text-align: right;
+}
+{% endblock %}
+
+
+
 {% macro step_with_steps(step_id, step_node, indent) %}
 <tr>
 <td>
@@ -30,6 +45,8 @@ add step: <input name="new_step_to_{{step_id}}" list="candidates" autocomplete="
 {% endif %}
 {% endmacro %}
 
+
+
 {% block content %}
 <h3>process</h3>
 <form action="process?id={{process.id_ or ''}}" method="POST">
@@ -122,8 +139,10 @@ add step: <input name="new_top_step" list="step_candidates" autocomplete="off" /
 <option value="{{candidate.id_}}">{{candidate.title.newest|e}}</option>
 {% endfor %}
 </datalist>
-<input type="submit" name="update" value="update" />
-<input type="submit" name="delete" value="delete" />
+<input class="btn-harmless" type="submit" name="update" value="update" />
+<div class="btn-to-right">
+<input class="btn-dangerous" type="submit" name="delete" value="delete" />
+</div>
 </form>
 <h4>step of</h4>
 <ul>