From 70600e952984c095b57527b7a9529fa91991d7ff Mon Sep 17 00:00:00 2001
From: Christian Pointner <equinox@helsinki.at>
Date: Fri, 19 Sep 2014 18:24:26 +0000
Subject: improved mockup


diff --git a/index.html b/index.html
index 73afe9f..ecbb559 100644
--- a/index.html
+++ b/index.html
@@ -9,6 +9,8 @@
 
   <link href="/javascript/twitter-bootstrap/css/bootstrap.css" rel="stylesheet">
   <link href="/styles/signin.css" rel="stylesheet">
+  <link href="/styles/shows.css" rel="stylesheet">
+  <link href="/styles/musicpools.css" rel="stylesheet">
   <style type="text/css">
     body {
       background-color: #eee;
@@ -171,7 +173,7 @@
         <div class="row-fluid">
           <div class="span10">
             <form class="well form-inline">
-              <label class="control-label" for="select-dropbox"><h3>Sendung auswählen<h3></label>
+              <label class="control-label" for="select-dropbox"><h3>Sendung auswählen</h3></label>&nbsp;&nbsp;
               <select id="select-dropbox">
                 <option>Democracy Now!</option>
               </select>
@@ -187,14 +189,24 @@
         <div class="row-fluid">
           <div class="span12">
             <h2 id="show-title">Democracy Now!</h2>
-            <dl class="dl-horizontal">
-              <dt>Tag</dt><dd>Dienstag</dd>
-              <dt>Rythmus</dt><dd>wöchentlich</dd>
-              <dt>Startzeit</dt><dd>00:00</dd>
-              <dt>Dauer</dt><dd>30 Minuten</dd>
-            </dl>
           </div>
         </div>
+        <div class="row-fluid" id="show-details">
+          <div class="span2">&nbsp;</div>
+          <div class="span2">
+            <strong>Tag:</strong> <span id="show-day">Dienstag</span>
+          </div>
+          <div class="span2">
+            <strong>Rythmus:</strong> <span id="show-rhythm">wöchentlich</span>
+          </div>
+          <div class="span2">
+            <strong>Startzeit:</strong> <span id="show-starttime">00:00</span>
+          </div>
+          <div class="span2">
+            <strong>Dauer:</strong> <span id="show-length">30 Minuten</span>
+          </div>
+          <div class="span2">&nbsp;</div>
+        </div>
         <div class="row-fluid">
           <div class="span12">
             <table class="table table-striped">
@@ -214,7 +226,7 @@
                   <td>1234</td>
                   <td>Das ist ein Cart Titel</td>
                   <td>57:14.120</td>
-                  <td>Fre, 17 Sep 2014 15:12:29</td>
+                  <td>Mit, 17 Sep 2014 15:12:29</td>
                   <td>1</td>
                   <td>Fre, 19 Sep 2014 17:58:12</td>
                   <td>
diff --git a/styles/musicpools.css b/styles/musicpools.css
new file mode 100644
index 0000000..e69de29
diff --git a/styles/shows.css b/styles/shows.css
new file mode 100644
index 0000000..484c9b5
--- /dev/null
+++ b/styles/shows.css
@@ -0,0 +1,7 @@
+#show-title {
+  text-align: center;
+}
+#show-details {
+  margin-top: 1.5em;
+  margin-bottom: 1em;
+}
-- 
cgit v0.10.2