Use CSS to handle channel icon sizing.

Signed-off-by: Michael T. Dean <mdean@mythtv.org>

Author: skd5aner

modules/tv/tmpl/default/recorded.php

@@ -166,11 +166,11 @@
     <td class="x-originalairdate"><?php echo $show->airdate ?></td>
     <td class="x-airdate"><?php echo strftime($_SESSION['date_recorded'], $show->starttime) ?></td><?php
         if ($_SESSION["show_channel_icons"] == true && !empty($show->channel->icon)) {
-                ?><td><a href="<?php echo root_url ?>tv/channel/<?php echo $show->channel->chanid, '/', $list_starttime ?>"
+                ?><td class="x-chanicon" rowspan="2"><a href="<?php echo root_url ?>tv/channel/<?php echo $show->channel->chanid, '/', $list_starttime ?>"
                     title="<?php echo t('Details for: $1', html_entities($show->channel->name)) ?>">
-                    <img class="channelicon" src="<?php echo $show->channel->icon ?>" width=70></a></td><?php
+                    <img class="channelicon" src="<?php echo $show->channel->icon ?>"></a></td><?php
         } else {?>
-	    <td class="x-channum"><?php echo $show->channel->channum, ' - ', $show->channel->name ?></td><?php
+	    <td class="x-channum" rowspan="2"><?php echo $show->channel->channum, ' - ', $show->channel->name ?></td><?php
         }
     if ($recgroup_cols)
         echo "    <td class=\"-recgroup\">$show->recgroup</td>\n";
@@ -205,7 +205,7 @@
 <?php   } ?>
         </td>
 </tr><tr id="statusrow_<?php echo $row ?>" class="recorded statusrow">
-    <td colspan="7" valign="top"><?php echo $show->description ?></td>
+    <td colspan="6" valign="top"><?php echo $show->description ?></td>
     <td colspan="<?php echo 2 + $recgroup_cols ?>" class="x-progflags"><?php
         // Auto expire is interactive
             echo '<a onclick="set_autoexpire(', $row, ')" class="_autoexpire">',

skins/clean_blue/tv_recorded.css

@@ -132,6 +132,19 @@ td.list {
     -moz-box-shadow:                    1px 1px 5px #999;
 	-webkit-box-shadow:                 1px 1px 5px #999;
     box-shadow:                         1px 1px 5px #999;
+    text-align:         center;
+    display:            block;
+    margin-left:        auto;
+    margin-right:       auto;
+    max-width:          70px;
+    max-height:         70px;
+    width:              expression(this.width > 70 ? "70px" : true);
+    height:             expression(this.height > 70 ? "70px" : true);
+}
+
+td.x-chanicon, td.x-channum
+{
+    border-bottom:                  1px solid #E4E4E4 !important;
 }
 
 tr.statusrow td,

skins/default/tv_recorded.css

@@ -111,6 +111,17 @@
     padding:            .25em .5em;
     margin:             0 0 3px 0;
 }
+#recorded_list td img.channelicon
+{
+    text-align:         center;
+    display:            block; 
+    margin-left:        auto; 
+    margin-right:       auto;
+    max-width:          70px;
+    max-height:         70px;
+    width:              expression(this.width > 70 ? "70px" : true);
+    height:             expression(this.height > 70 ? "70px" : true);
+}
 
 /* a class for the the cells containing recored programs in recorded_programs.php */
 .recorded {    background-color: #506080; }

skins/elkin/tv_recorded.css

@@ -133,6 +133,17 @@
     padding:            .25em .5em;
     margin:             0 0 3px 0;
 }
+#recorded_list td img.channelicon
+{
+    text-align:         center;
+    display:            block;
+    margin-left:        auto;
+    margin-right:       auto;
+    max-width:          70px;
+    max-height:         70px;
+    width:              expression(this.width > 70 ? "70px" : true);
+    height:             expression(this.height > 70 ? "70px" : true);
+}
 
 /* a class for the the cells containing recored programs in recorded_programs.php */
 .recorded {    background-color: #DDDDDD; }

skins/grey/tv_recorded.css

@@ -94,6 +94,18 @@
     border:             2px solid #000;
     background-color:   #333;
 }
+#recorded_list td img.channelicon
+{
+    text-align:         center;
+    display:            block;
+    margin-left:        auto;
+    margin-right:       auto;
+    max-width:          70px;
+    max-height:         70px;
+    width:              expression(this.width > 70 ? "70px" : true);
+    height:             expression(this.height > 70 ? "70px" : true);
+}
+
 
 /* a class for the the cells containing recored programs in recorded_programs.php */
 .recorded {    background-color: #444; }