webui: Set the device logo and cell to have a max width (librenms#5700)

* Set the device logo to have a max width and set the td cell to also have a set width * Changed the width of the td cell to rather use CSS * tried something else which allows for a more dynamic approach
mobilemaclin · Feb 14, 2017 · 3843346 · 3843346
1 parent d6495dc
commit 3843346
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 0 deletions.
diff --git a/html/css/styles.css b/html/css/styles.css
@@ -2163,6 +2163,22 @@ label {
 
 .device-icon-48h img {
   height: 48px;
+  max-width: 250px;
+}
+
+.device-title-bar-1 {
+  width: 25%;
+  max-width: 25%;
+}
+
+.device-title-bar-2 {
+  width: 25%;
+  max-width: 25%;
+ }
+
+.device-title-bar-3 {
+  width: 50%;
+  max-width: 50%;
 }
 
 .severity-ok {

diff --git a/html/includes/device-header.inc.php b/html/includes/device-header.inc.php
@@ -20,6 +20,11 @@
 $host_id = get_vm_parent_id($device);
 
 echo '
+	    <colgroup>
+	    <col class="device-title-bar-1">
+	    <col class="device-title-bar-2">
+	    <col class="device-title-bar-3">
+            </colgroup>
             <tr bgcolor="'.$device_colour.'" class="alert '.$class.'">
              <td><span class="device-icon-48h">'.getLogoTag($device).'</span></td>
              <td>';