1 files changed, 36 insertions, 41 deletions
diff --git a/templates/program/show_detail.html b/templates/program/show_detail.html
index 7614496..60a109b 100644
--- a/templates/program/show_detail.html
+++ b/templates/program/show_detail.html
@@ -8,55 +8,50 @@
 
 <div id="content-main" class="show-detail">
 
-    <h1 id="name">{{ show.name }}</h1>
+  <div class="show-detail-header bf-{{show.broadcastformat.slug}}">
+      <h1 id="name">{{ show.name }}</h1>
+      <p id="programslots">
+      {% for slot in show.programslots.all %}
+        <span class="programslot">{{ slot }}</span><br />
+      {% endfor %}
+      </p>
+
+      <div class="show-abbrevs">
+      {% for item in show.showinformation.all %}
+        <span title="{{item.information}}" class="abbrev si-{{ item.abbrev }}"><span>{{ item.abbrev }}</span></span>
+      {% endfor %}
+      {% for item in show.showtopic.all %}
+        <span title="{{item.topic}}" class="abbrev st-{{ item.abbrev }}"><span>{{ item.abbrev }}</span></span>
+      {% endfor %}
+      {% for item in show.musicfocus.all %}
+        <span title="{{item.focus}}" class="abbrev mf-{{ item.abbrev }}"><span>{{ item.abbrev }}</span></span>
+      {% endfor %}
+      </div>
+
+      <p id="broadcastformat">{{ show.broadcastformat.format }}</p>
+    </div>
 
     {% if show.short_description != 'FIXME' %}
     <div id="short-description" class="documentDescription">{{ show.short_description }}</div>
     {% endif %}
 
-    <div id="abbrevs">
-    {% for topic in show.showtopic.all %}
-        <span class="topic-abbrev">{{ topic.abbrev }}</span>
-    {% endfor %}
-
-    {% for information in show.showinformation.all %}
-        <span class="information-abbrev">{{ information.abbrev }}</span>
-    {% endfor %}
-
-    {% for focus in show.musicfocus.all %}
-        <span class="focus-abbrev">{{ focus.abbrev }}</span>
-    {% endfor %}
-
-        <span class="broadcastformat-abbrev">{{ show.broadcastformat.abbrev }}</span>
-    </div>
-
-    <div id="programslots">
-    {% for slot in show.programslots.all %}
-        <div class="programslot">{{ slot }}</div>
-    {% endfor %}
-    </div>
-
-    <div id="broadcastformat">{{ show.broadcastformat.format }}</div>
-
-    <div id="hosts">
-    {% for host in show.hosts.all %}
-        <div class="host"><a href="{% url host-detail host.id %}">{{ host }}</a></div>
-    {% endfor %}
-    </div>
-
     <div id="description">{{ show.description|safe }}</div>
 
-    {% if show.email %}
-    <div id="email"><a href="mailto:{{ show.email }}">{{ show.email }}</a></div>
-    {% endif %}
+    <p>
+      {% for host in show.hosts.all %}
+      <a href="{% url host-detail host.id %}">{{ host }}</a><br />
+      {% endfor %}
+      {% if show.email %}
+      <strong>Email:</strong> <a href="mailto:{{ show.email }}">{{ show.email }}</a><br />
+      {% endif %}
+      {% if show.website %}
+      <strong>Website:</strong> <a href="{{ show.website }}">{{ show.website }}</a><br />
+      {% endif %}
+      {% if show.cba_series_id %}
+      <strong>CBA-Link:</strong> <a href="http://cba.fro.at/series/{{ show.cba_series_id }}">CBA</a><br />
+      {% endif %}
+    </p>
 
-    {% if show.website %}
-    <div id="website"><a href="{{ show.website }}">{{ show.website }}</a></div>
-    {% endif %}
-
-    {% if show.cba_series_id %}
-    <div id="cba-series-id"><a href="http://cba.fro.at/series/{{ show.cba_series_id }}">CBA</a></div>
-    {% endif %}
 </div>
 
 </body>