* remote: remove hardcoded table width

10 files changed, 53 insertions, 13 deletions

diff --git a/skins/blue/style.css b/skins/blue/style.css
index 31b56c6..f256350 100644
--- a/skins/blue/style.css
+++ b/skins/blue/style.css
@@ -327,6 +327,7 @@ color:#FFF;
 font-size:11px;
 }
 
+div.remotehead,
 div.fieldhead {
 white-space:nowrap;
 overflow:hidden;
@@ -335,6 +336,10 @@ height:20px;
 float:left;
 }
 
+div.remotehead {
+width:150px;
+}
+
 td.fieldhead {
 vertical-align:bottom;
 background:url(images/head200.png) no-repeat;
diff --git a/skins/blue_flat/style.css b/skins/blue_flat/style.css
index 5ce2caf..b91a415 100644
--- a/skins/blue_flat/style.css
+++ b/skins/blue_flat/style.css
@@ -341,6 +341,7 @@ color:#FFF;
 font-size:11px;
 }
 
+div.remotehead,
 div.fieldhead {
 white-space:nowrap;
 overflow:hidden;
@@ -349,6 +350,10 @@ height:20px;
 float:left;
 }
 
+div.remotehead {
+width:150px;
+}
+
 td.fieldhead {
 vertical-align:middle;
 background:url(images/head200.png) no-repeat;
diff --git a/skins/lcars/images/close.gif b/skins/lcars/images/close.gif
index b2f28f9..84fd94b 100644
--- a/skins/lcars/images/close.gif
+++ b/skins/lcars/images/close.gif
diff --git a/skins/lcars/style.css b/skins/lcars/style.css
index df3c593..dd957e0 100644
--- a/skins/lcars/style.css
+++ b/skins/lcars/style.css
@@ -356,6 +356,7 @@ color:#000;
 font-size:11px;
 }
 
+div.remotehead,
 div.fieldhead {
 white-space:nowrap;
 overflow:hidden;
@@ -364,6 +365,10 @@ height:20px;
 float:left;
 }
 
+div.remotehead {
+width:150px;
+}
+
 .fieldhead img {
 position:absolute;
 margin-top:2px;
@@ -618,7 +623,7 @@ background-color:transparent;
 }
 
 .deactive {
-color:#c5a154;
+color:#a4977a;
 }
 
 .active {
@@ -632,7 +637,7 @@ font-weight:700;
 }
 
 .problem {
-color:#bab800;
+color:#b96011;
 }
 
 .error {
diff --git a/skins/lcars_flat/style.css b/skins/lcars_flat/style.css
index 9a0587a..d99743b 100644
--- a/skins/lcars_flat/style.css
+++ b/skins/lcars_flat/style.css
@@ -368,14 +368,20 @@ color:#000;
 font-size:11px;
 }
 
+div.remotehead,
 div.fieldhead {
 white-space:nowrap;
 overflow:hidden;
-width:190px;
+width:170px;
 height:20px;
 float:left;
 }
 
+div.remotehead {
+width:150px;
+font-size:14px;
+}
+
 td.fieldhead {
 vertical-align:middle;
 background:url(images/head200.png) no-repeat;
@@ -609,7 +615,7 @@ background-color:transparent;
 }
 
 .deactive {
-color:#c5a154;
+color:#a4977a;
 }
 
 .active {
@@ -623,7 +629,7 @@ font-weight:700;
 }
 
 .problem {
-color:#bab800;
+color:#b96011;
 }
 
 .error {
diff --git a/skins/snow/style.css b/skins/snow/style.css
index 10a2432..179590e 100644
--- a/skins/snow/style.css
+++ b/skins/snow/style.css
@@ -342,6 +342,7 @@ color:#000;
 font-size:11px;
 }
 
+div.remotehead,
 div.fieldhead {
 white-space:nowrap;
 overflow:hidden;
@@ -350,6 +351,10 @@ height:18px;
 float:left;
 }
 
+div.remotehead {
+width:150px;
+}
+
 td.fieldhead {
 vertical-align:middle;
 background:url(images/head200.gif) no-repeat;
diff --git a/skins/snow_flat/style.css b/skins/snow_flat/style.css
index 31bbda0..0721842 100644
--- a/skins/snow_flat/style.css
+++ b/skins/snow_flat/style.css
@@ -362,6 +362,7 @@ color:#000;
 font-size:11px;
 }
 
+div.remotehead,
 div.fieldhead {
 white-space:nowrap;
 overflow:hidden;
@@ -370,6 +371,10 @@ height:18px;
 float:left;
 }
 
+div.remotehead {
+width:150px;
+}
+
 td.fieldhead {
 vertical-align:middle;
 background:url(images/head200.gif) no-repeat;
diff --git a/skins/stone/style.css b/skins/stone/style.css
index c68122c..6ec7e5a 100644
--- a/skins/stone/style.css
+++ b/skins/stone/style.css
@@ -328,6 +328,7 @@ background:url(images/darkfield.gif) repeat-y;
 width:190px;
 }
 
+div.remotehead,
 div.fieldhead {
 white-space:nowrap;
 overflow:hidden;
@@ -336,6 +337,10 @@ height:18px;
 float:left;
 }
 
+div.remotehead {
+width:130px;
+}
+
 td.fieldhead {
 vertical-align:middle;
 background:url(images/headfield.gif) no-repeat;
diff --git a/skins/stone/widgets/remote.tmpl b/skins/stone/widgets/remote.tmpl
index b02171c..271ba40 100644
--- a/skins/stone/widgets/remote.tmpl
+++ b/skins/stone/widgets/remote.tmpl
@@ -78,7 +78,7 @@ aktiv = window.setInterval("grab()", inter);
 <?% END %?>
   <td>
         <table class="fieldtable" summary="">
-        <tr><td class="fieldhead"><div class="fieldhead" style="width: 130px;"><?% gettext("Remote") %?></div><?% INCLUDE shutter.inc %?></td></tr>
+        <tr><td class="fieldhead"><div class="remotehead"><?% gettext("Remote") %?></div><?% INCLUDE shutter.inc %?></td></tr>
         <tr>
             <td class="fieldtext" height="<?% totalheight %?>" >
                 <table  width="100%" summary="">
diff --git a/skins/stone_flat/style.css b/skins/stone_flat/style.css
index e9d955c..175a24a 100644
--- a/skins/stone_flat/style.css
+++ b/skins/stone_flat/style.css
@@ -335,22 +335,26 @@ padding:0;
 }
 
 table.fieldtable {
-background:url(images/dark180.gif) repeat-y;
-width:180px;
+background:url(images/darkfield.gif) repeat-y;
+width:190px;
 }
 
+div.remotehead,
 div.fieldhead {
 white-space:nowrap;
 overflow:hidden;
-width:174px;
+width:184px;
 height:18px;
 float:left;
-display:inline;
+}
+
+div.remotehead {
+width:130px;
 }
 
 td.fieldhead {
 vertical-align:middle;
-background:url(images/head180.gif) no-repeat;
+background:url(images/headfield.gif) no-repeat;
 height:20px;
 color:#000;
 font-size:11px;
@@ -361,7 +365,7 @@ padding-right:2px;
 
 td.fieldtext {
 vertical-align:top;
-background:url(images/dark180.gif) repeat-y;
+background:url(images/darkfield.gif) repeat-y;
 color:#000;
 font-size:11px;
 padding:2px;
@@ -369,7 +373,7 @@ padding:2px;
 
 td.fieldbottom {
 vertical-align:bottom;
-background:url(images/down180.gif) no-repeat;
+background:url(images/downfield.gif) no-repeat;
 height:1px;
 }