edit event: two columns

larigira/dbadmin/templates/edit_event.html

@@ -49,32 +49,37 @@ $(function() {
 	You are currently editing: <code>{{alarm|tojson}}</code>
 	{% endif %}
 	<h2>Change actions</h2>
-	<div>
-		Available actions:
-		<ul>
-			{% for a in all_actions %}
-			<li title="{{a.kind}}"
-			 data-nick="{{a.nick}}"
-		data-id="{{a.eid}}"
-	class="avail ui-state-highlight">{% if a.nick %} {{a.nick}} {% else %} {{a.eid}} {%endif%}</li>
-			{% endfor %}
-		</ul>
-	</div>
-	<div>
-		Actions currently added:
-		<ul id="selected">
-			{% for a in actions %}
-			<li title="{{a.kind}}"
-			 data-nick="{{a.nick}}"
-		data-id="{{a.eid}}"
-				class="ui-state-default">{% if a.nick %} {{a.nick}} {% else %} {{a.eid}} {%endif%}</li>
-			{% endfor %}
-		</ul>
-	</div>
-	<div>
-		<button>Save</button>
-	</div>
-</div>
+	<div class="row">
+		<div class="col-md-8">
+			Available actions:
+			<ul>
+				{% for a in all_actions %}
+				<li title="{{a.kind}}"
+						data-nick="{{a.nick}}"
+						data-id="{{a.eid}}"
+						class="avail ui-state-highlight">{% if a.nick %} {{a.nick}} {% else %} {{a.eid}} {%endif%}</li>
+				{% endfor %}
+			</ul>
+		</div>
+		<div class="col-md-4">
+			<div class="row">
+				<div class="col-md-12">
+					Actions currently added:
+					<ul id="selected">
+						{% for a in actions %}
+						<li title="{{a.kind}}"
+								data-nick="{{a.nick}}"
+								data-id="{{a.eid}}"
+								class="ui-state-default">{% if a.nick %} {{a.nick}} {% else %} {{a.eid}} {%endif%}</li>
+						{% endfor %}
+					</ul>
+				</div><!-- .col-md-12 -->
+				<div class="col-md-12">
+					<button>Save</button>
+				</div><!-- .col-md-12 -->
+			</div><!-- .row -->
+		</div><!-- .col-md-4 -->
+	</div><!-- .row -->
 {% endblock content %}
 {# vim: set ts=2 sw=2 noet: #}