Verbesserungen

2 files changed, 30 insertions, 26 deletions

diff --git a/css/styles.css b/css/styles.css
index e3df546..f665751 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -44,38 +44,38 @@ div.head_box {
 
 
 
-div.event {
+table.event {
 	width: 250px;
+	height: 250px;
 	float: left;
 	border: 1px solid #6D96A9;
 	margin: 2px;
+	padding: 0px;
 }
 
-div.event div.tools {
-	width: 20px;
-	height: 225px;
-	float: left;
+table.event tr td.tools {
 	background: #DEE6EE;
 	padding: 2px;
-	margin: 0px;
+	width: 25px;
 }
 
-div.event div.content {
+table.event tr td.content {
 	float: left;
-	margin: 0;
 	padding: 5px;
-	height: 225px;	
 }
 
-div.event div.content. div.description {
-	overflow: auto;
+table.event tr td.content {
+	float: left;
+	padding: 5px;
 }
 
-div.event div.content p {
-	
+div.description {
+	height: 150px;
+	overflow: auto;
+	margin-top: 10px;
 }
 
-div.event .station {
+table.event tr td.station {
 	background: #6D96A9;
 	color: white;
 	font-weight: bold;
@@ -83,11 +83,13 @@ div.event .station {
 	padding: 3px 3px 3px 10px;
 }
 
-div.event div.content .title {
+table.event tr td.content .title {
 	font-weight: bold;
+	height: 15px;
 }
 
-div.event div.content .short {
+table.event tr td.content .short {
 	font-size: 11px;
+	height: 40px;
 }
 
diff --git a/pages/whats_on_now.ecpp b/pages/whats_on_now.ecpp
index 3511105..eb323d9 100644
--- a/pages/whats_on_now.ecpp
+++ b/pages/whats_on_now.ecpp
@@ -43,17 +43,19 @@ const cSchedules* Schedules = cSchedules::Schedules(schedulesLock);
 						std::string short_description(Event->ShortText() ? Event->ShortText() : "");
 						std::string description(Event->Description() ? Event->Description() : "");
 }>
-			<div class="event">
-				<div class="station"><$ Channel->Name() $></div>
-				<div class="tools">
+			<table class="event" cellpadding="0" cellspacing="0">
+				<tr><td class="station" colspan="2"><$ Channel->Name() $></td></tr>
+				<tr>
+					<td class="tools">
 					&nbsp;
-				</div>
-				<div class="content">
-					<span class="title"><$ title $></span><br/>
-					<span class="short"><$ short_description $></span>
-					<div class="description"><$  description $></div>
-				</div>
-			</div>
+					</td>
+					<td class="content">
+						<div class="title"><$ title $></div>
+						<div class="short"><$ short_description $></div>
+						<div class="description"><$  description $></div>
+					</td>
+				</tr>
+			</table>
 <{
 					}
 			}