Fix formatting and times for next timeslot. #11

src/StudioClock.svelte

@@ -208,8 +208,8 @@
 		return name;
 	}
 
-	/* Display the timeslot of a show */
-	function displayShowTimeslot(timeslot) {
+	/* Display the start end end time of a show */
+	function displayShowTimes(timeslot) {
 		let str = "";
 
 		if (timeslot != null && timeslot.timeslot_start != null && timeslot.show_name != "") {
@@ -361,7 +361,7 @@
 		background-color:rgb(24, 24, 24);
 		margin-right: 20px;
 		padding: 12px;
-		text-align: center;		
+		/* text-align: center;		 */
 	}
 
 	#current-timeslot .timeslot-title {
@@ -380,6 +380,7 @@
 	#next-timeslot .timeslot-title {
 		color: gray !important;
 		font-size: 2em;
+		padding-left: 50px;
 	}
 
 	#playlist {
@@ -613,7 +614,7 @@
 					<div style="width: 70%; float: left; text-align: left">
 						<h1>
 							{#if hasValidTimeslot(value)}						
-								{@html displayShowName(value.current_timeslot, nocurrenttimeslot)} {displayShowTimeslot(value.current_timeslot)}
+								{@html displayShowName(value.current_timeslot, nocurrenttimeslot)} {displayShowTimes(value.current_timeslot)}
 							{:else}
 								<span class="red">{nocurrenttimeslot}</span>
 							{/if}																				
@@ -693,13 +694,12 @@
 
 				</div> 
 
-
-
 			{#if value.next_timeslot}
 				<div id="next-timeslot">
-					<h3 class="timeslot-title">{@html displayShowName(value.next_timeslot, nonexttimeslot)} {displayShowTimeslot(value)}</h3>
+					<h3 class="timeslot-title">{@html displayShowName(value.next_timeslot, nonexttimeslot)} {displayShowTimes(value.next_timeslot)}</h3>
 				</div>		
 			{/if}				
+
 		{:catch error}
 			<div class="error"><p>{error}</p></div>
 		{/await}