webui: Set the device logo and cell to have a max width (#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
This commit is contained in:
Richard Mayhew
2017-02-14 10:52:17 +02:00
committed by Neil Lathwood
parent d6495dcac9
commit 3843346109
2 changed files with 21 additions and 0 deletions

View File

@@ -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 {

View File

@@ -20,6 +20,11 @@ if ($device['disabled'] == '1') {
$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>';