style track details

nonstop/templates/nonstop/track_detail.html

@@ -24,6 +24,11 @@
 </ul>
 
 {% if object.file_exists %}
+<div class="side">
+{% if internal_ip %}
+<audio src="{{object.file_path}}" controls></audio>
+{% endif %}
+
 <form method="POST">
   {% csrf_token %}
   {{ metadata_form.as_p }}
@@ -31,6 +36,19 @@
     <button class="submit-button">{% trans "Update" %}</button>
   </div>
 </form>
+</div>
 {% endif %}
 
+<style>
+ul.soma-list {
+  float: left;
+}
+
+div.side {
+float: right;
+background: #f0f0f0;
+padding: 1ex;
+}
+</style>
+
 {% endblock %}