Small UI fix for width
Related-PROD: K0RQA-20
Change-Id: I85ddb5cddcef0102fb301340201338ea3660d268
diff --git a/templates/network_check_tmpl.j2 b/templates/network_check_tmpl.j2
index 9e030d3..13e063f 100644
--- a/templates/network_check_tmpl.j2
+++ b/templates/network_check_tmpl.j2
@@ -13,16 +13,16 @@
}
/* Node rows*/
- .node {
- font-family: "LaoSangamMN", Monaco, monospace;
- font-size: 0.8em;
- display: inline-block;
- background-color: white;
- }
- .collapsable {
- font-family: "LaoSangamMN", Monaco, monospace;
- font-size: 0.8em;
- display: none;
+ .node {
+ font-family: "LaoSangamMN", Monaco, monospace;
+ font-size: 0.8em;
+ display: inline-block;
+ background-color: white;
+ }
+ .collapsable {
+ font-family: "LaoSangamMN", Monaco, monospace;
+ font-size: 0.8em;
+ display: none;
background-color: white;
visibility: hidden;
}
@@ -34,7 +34,7 @@
div.services > .collapsable.in {
display: table-row;
}
-
+
tr.node > td, tr.collapsable > td {
display: block;
float: left;
@@ -78,15 +78,15 @@
}
.item {
- display: inline-grid;
- border-width: 1px;
- border-style: solid;
- margin: 1px 1px 1px 1px;
+ display: inline-grid;
+ border-width: 1px;
+ border-style: solid;
+ margin: 1px 1px 1px 1px;
padding: 0px 1px 0px 1px;
}
- .status_none { border-radius: 10px; width: 8px; }
- .status_up { border-radius: 10px; width: 8px; background-color: #393; color: #393; }
+ .status_none { border-radius: 10px; width: 8px; }
+ .status_up { border-radius: 10px; width: 8px; background-color: #393; color: #393; }
.status_down { border-radius: 10px; width: 8px; background-color: #933; color: #933; }
.status_skip { border-radius: 10px; width: 8px; background-color: #aaa; color: #aaa; }
@@ -104,11 +104,11 @@
.down > .col_role, .skip > .col_role { padding-left: 5px; }
.head { height: 18px; }
- .col_name { width: 130px; height: auto; }
- .col_role { width: 90px; }
- .col_vendor { width: 70px; }
+ .col_name { width: 130px; height: auto; }
+ .col_role { width: 90px; }
+ .col_vendor { width: 70px; }
.col_release { width: 100px; }
- .col_kernel { min-width: 100px; }
+ .col_kernel { word-break: break-all; width: 100px;}
.col_vcpu { min-width: 40px; }
.col_net { min-width: 150px; }
.col_ram { min-width: 162px; }
@@ -132,9 +132,9 @@
.meters > .meter {
display: block;
float: left;
- border-width: 1px;
- border-style: solid;
- margin: 0px 1px 0px 1px;
+ border-width: 1px;
+ border-style: solid;
+ margin: 0px 1px 0px 1px;
padding: 0px 1px 0px 1px;
}
@@ -146,16 +146,16 @@
text-align: center;
}
.meters > .ok, .disk_group > .ok, .ram_group > .ok{
- border-color: #80a080;
- background-color: #efe;
+ border-color: #80a080;
+ background-color: #efe;
}
.meters > .warn, .disk_group > .warn, .ram_group > .warn {
- border-color: #d3a200;
- background-color: rgb(255, 216, 133);
+ border-color: #d3a200;
+ background-color: rgb(255, 216, 133);
}
.meters > .fail, .disk_group > .fail, .ram_group > .fail {
- border-color: #bb0000;
- background-color: rgb(250, 135, 135);
+ border-color: #bb0000;
+ background-color: rgb(250, 135, 135);
}
.cpu { border-color: #a0c0a0; background-color: rgb(252, 248, 248); }
.net { border-color: #c0c0a0; background-color: rgb(255, 255, 251); text-align: right; }
@@ -175,10 +175,10 @@
}
.map_item {
- display: inline-grid;
+ display: inline-grid;
border-width: 0px;
- border-style: solid;
- margin: 1px 1px 1px 1px;
+ border-style: solid;
+ margin: 1px 1px 1px 1px;
padding: 0px 1px 0px 1px;
}
@@ -193,9 +193,9 @@
}
.services {
- font-family: "LaoSangamMN", Monaco, monospace;
- font-size: 1.1em;
- background-color: white;
+ font-family: "LaoSangamMN", Monaco, monospace;
+ font-size: 1.1em;
+ background-color: white;
}
.service_node {
margin-bottom: 2px;
@@ -204,8 +204,8 @@
.service_name, .node_name {
text-align: center;
border-width: 0px;
- border-style: solid;
- margin: 1px 1px 1px 1px;
+ border-style: solid;
+ margin: 1px 1px 1px 1px;
padding: 0px 1px 0px 1px;
min-width: 250px;
border-radius: 10px;
@@ -228,8 +228,8 @@
display: inline-grid;
text-align: center;
border-width: 0px;
- border-style: solid;
- margin: 1px 1px 1px 1px;
+ border-style: solid;
+ margin: 1px 1px 1px 1px;
padding: 0px 1px 0px 1px;
min-width: 150px;
border-radius: 10px;