Layout fragmenten en programmagids, bug fix podcastitems partial

website/resources/views/radioschedule.blade.php

@@ -1,7 +1,7 @@
 <?php 
-	$pixelsPerHour = 60;
+	$pixelsPerHour = 30;
 	$border = 1;
-	$margin = 1;
+	$margin = 2;
 ?>
 
 @extends('layouts/full')
@@ -85,6 +85,14 @@
 			margin-left: 15px !important;
 			margin-bottom: 3px !important;
 		}
+
+		.schedule .program .program-content {
+			font-size: 90%;
+		}
+
+			.schedule .program.non-stop .program-title {
+				background-color: #8F9BA6;
+			}
 	}
 
 	@media (min-width: 992px) { /* desktop */
@@ -98,6 +106,20 @@
 			font-size: 120%;
 			vertical-align: bottom;
 		}
+
+		.schedule .program .program-content {
+			display: none;
+		}
+
+		.schedule .program .program-title {
+			display: block;
+			height: 100%;
+		}
+
+			.schedule .program.non-stop .program-title {
+				background-color: transparent;
+				color: #8F9BA6;
+			}
 	}
 
 	.schedule {
@@ -106,7 +128,7 @@
 	}
 
 	.schedule .time-header {
-		height: {{$pixelsPerHour / 2}}px;
+		height: {{$pixelsPerHour}}px;
 	}
 
 	.schedule .timeslots {
@@ -133,24 +155,24 @@
 			background-color: #71c1de;
 		}
 
+		.schedule .program.current {
+			border-color: #BD0013;
+		}
+
 		.schedule .program .program-times {
 			text-align: center;
 			margin: 3px;
 		}
 
-		.schedule .program.current {
+		.schedule .program.current .program-title {
 			background-color: #71c1de;
 			color: white;
 		}
 
 		.schedule .program.non-stop {
 			border-color: #6C757D;
-			color: #6C757D;
 		}
 	
-			.schedule .program.non-stop .program-title {
-				background-color: #8F9BA6;
-			}
 
 		.schedule .program.special {
 			color: #03A6E0;
@@ -165,7 +187,7 @@
 				padding: 3px;
 				color: white;	
 				text-align: center;
-				background-color: #03A6E0;
+				background-color: #BD0013;
 				border-radius: 3px;
 			}
 
@@ -177,14 +199,10 @@
 		}
 
 		.schedule .program .program-content {
-			margin: 3px;	
+			margin: 3px;
 			text-align: center;
 		}
 		
-		.schedule .program .tagline {
-			font-size: 90%;
-		}
-	
 		.schedule .program hr {
 			margin: 3px;
 			border: none;