From 7e4d335589a3f626b2c2ddf94be46df987e2062e Mon Sep 17 00:00:00 2001
From: thlo <smarttv640@gmail.com>
Date: Sun, 28 Jul 2013 17:07:35 +0200
Subject: Fixed HTML Text float around preview_vdr.png and overflow handling
 (if image is available).

---
 smarttv-client/CSS/Main.css |  1 +
 smarttv-client/index.html   | 29 +++++++++++------------------
 2 files changed, 12 insertions(+), 18 deletions(-)

diff --git a/smarttv-client/CSS/Main.css b/smarttv-client/CSS/Main.css
index afe4597..9478ad8 100755
--- a/smarttv-client/CSS/Main.css
+++ b/smarttv-client/CSS/Main.css
@@ -299,6 +299,7 @@ body {
 	border-width:1px;
     text-align:left;
     font-size:16px;
+	overflow:hidden;
     -webkit-border-radius: 7px;
 	-webkit-box-shadow:3px 3px 7px 4px rgba(0,0,0, 0.5);
 	background: url("../Images/description-bg.png");
diff --git a/smarttv-client/index.html b/smarttv-client/index.html
index fb41141..e09df5d 100755
--- a/smarttv-client/index.html
+++ b/smarttv-client/index.html
@@ -114,24 +114,17 @@
 			</table>
 			</center>
             <div id ="rightHalf">
-                <div id="status"></div>
-                <div id="description">
-					<table style="width: 100%">
-						<tr><th id="descTitle" align="left" style="padding-bottom: 10px">
-						</th></tr>
-						<tr><td id="descProg">
-						</td></tr>
-						<tr><td id="descStart">
-						</td></tr>
-						<tr><td id="descDuration">
-						</td></tr>
-						<tr><td id="descRemaining">
-						</td></tr>
-						<tr><td>
-							<img id="descImg" style="padding-top:20px;margin:4px;" align="right" />
-							<p id="descDesc" style="padding-top: 20px; overflow:hidden;"></p> 
-						</td></tr>
-					</table>
+                <div id="status" style="width: 100%"></div>
+                <div id="description" >
+					<div id="descTitle" align="left" style="padding-bottom: 10px;width: 100%"></div>
+					<div id="descProg" style="width: 100%"></div>
+					<div id="descStart" style="width: 100%"></div>
+					<div id="descDuration" style="width: 100%"></div>
+					<div id="descRemaining" style="width: 100%"></div>
+					<div style="width: 100%;" >
+						<img id="descImg" style="padding-top:20px;margin:4px;float:right" />
+						<div id="descDesc" style="width: 100%;padding-top:20px;"></div> 
+					</div>
 				</div>
             </div>
             <div id="leftHalf">
-- 
cgit v1.2.3