Fix table header
Makes the table header in sensor page stay fixed after scrolling.
Fixes the allignment of filter button.
Resolves openbmc/phosphor-webui#28
Change-Id: If9b8b0848169b5924b811e67588ff57c8dae7c5c
Signed-off-by: Iftekharul Islam <iffy.ryan@ibm.com>
diff --git a/app/server-health/styles/sensors.scss b/app/server-health/styles/sensors.scss
index a2246d7..041a1e5 100644
--- a/app/server-health/styles/sensors.scss
+++ b/app/server-health/styles/sensors.scss
@@ -8,9 +8,13 @@
.header__actions-bar {
padding-left: 1.5em;
+ padding-right: 1em;
font-weight: 700;
+ .sensor__title {
+ margin-left: 1.5em;
+ }
.sensor__reading {
- margin-right: .3em;
+ margin-right: .2em;
}
.sensor__heading-current {
padding-right: 1em;
@@ -34,7 +38,7 @@
}
.sensor__title {
- min-width: 30%;
+ min-width: 28%;
margin-bottom: 0;
}
@@ -139,7 +143,11 @@
#sensors, #sensors-overview {
.toggle-filter {
- margin-right: 0;
+ margin-bottom: 20px;
+ }
+ .column, .columns {
+ padding-left: 0px;
+ padding-right: 0px;
}
}