UI: clarify DB list

grouping of time/audio into an "event" improved

larigira/dbadmin/templates/dbadmin_base.html

@@ -3,6 +3,10 @@
 {{super()}}
 <link href="https://code.jquery.com/ui/1.11.3/themes/ui-lightness/jquery-ui.css"
 			rel="stylesheet" media="screen">
+<style>
+.event.row h3 { text-align: center; }
+.event.row { border-top: 1px dotted black; }
+</style>
 {%endblock%}
 {%block scripts%}
 {{super()}}

larigira/dbadmin/templates/list.html

@@ -18,15 +18,16 @@ $(function() {
 <div class="container-fluid">
 	{% for e, actions in events %}
 	<div class="event row">
+			<h2>Event {{e.eid}} <small>{{e.nick if 'nick'}}</small> </h2>
 		<div class="col-md-8">
-			<h2>Event {{e.eid}} <small>{{e.nick if 'nick'}}</small>
-			</h2>
-			<a class="button" href="{{url_for('db.edit_event', alarmid=e.eid)}}">Edit</a>
+			<h3>Time</h3>
 		{{dict_table(e, ['nick', 'actions'])}}
 
 		</div>
 		<div class="actions col-md-4">
-			<h3>Actions</h3>
+			<h3>Audio</h3>
+			<a class="button" href="{{url_for('db.edit_event', alarmid=e.eid)}}">
+				Change audio for this event</a>
 			<ol>
 				{% for a in actions %}
 				<li>