made courses look better

cleaned up macros

templates/course.html

@@ -7,9 +7,15 @@
 		<h1 class="panel-title">{{course.title}}</h1>
 	</div>
 	<div class="row panel-body">
-		<span class="col-xs-2">Semester:</span><span class="col-xs-10">{{course.semester}}</span>
-		<span class="col-xs-2">Veranstalter:</span><span class="col-xs-10">{{course.organizer}}</span>
-		<span class="col-xs-2">Bemerkungen::</span><span class="col-xs-10">{{course.description|safe}}</span>
+		<div class="col-xs-12">
+			<table class="table-condensed">
+				<tbody>
+					<tr><td>Semester:</td><td>{{course.semester}}</td></tr>
+					<tr><td>Veranstalter:</td><td>{{course.organizer}}</td></tr>
+					<tr><td>Bemerkungen:</td><td>{{course.description|safe}}</td></tr>
+				</tbody>
+			</table>
+		</div>
 	</div>
 </div>
 <div class="panel panel-default">

templates/macros.html

@@ -53,7 +53,9 @@
 <script src="static/mediaelementjs/mediaelement-and-player.min.js"></script>
 <link rel="stylesheet" href="static/mediaelementjs/mediaelementplayer.css" />
 <video class="mejs-player" width="640" height="360" style="width: 100%; height: 100%;">
-	<source type="video/mp4" src="https://videoag.fsmpi.rwth-aachen.de/{{ videos[0]['path'] }}" />
+	{% for v in videos %}
+		<source type="video/mp4" src="https://videoag.fsmpi.rwth-aachen.de/{{ v.path }}" />
+	{% endfor %}
 </video>
 <script>
 //$('.mejs-player').mediaelementplayer({ 
@@ -135,16 +137,18 @@ $('#embedcodebtn').popover(
 			{{ lecture.comment|safe }}
 		</span>
 		<span class="col-sm-3 col-xs-12">
-			<span class="dropdown pull-right">
+			<span class="pull-right">
+				<span class="dropdown">
 					{{ video_download_btn(videos) }}
 				</span>
-			<a href="/play?lectureid={{lecture.id}}" class="pull-right">
+				<a href="/play?lectureid={{lecture.id}}">
 					<button class="btn btn-default" type="button">
 						<span class="glyphicon glyphicon-play"></span>
 						<span>Play</span>
 					</button>
 				</a>
 			</span>
+		</span>
 	</div>
 </li>
 {% endmacro %}