webui: main.js: Add new styles for "products.html"

Also update the ".btn" rule and add the ".btn.btn-small" rule

1 files changed, 19 insertions, 1 deletions

diff --git a/fg21sim/webui/static/css/main.css b/fg21sim/webui/static/css/main.css
index 510b342..4ebac58 100644
--- a/fg21sim/webui/static/css/main.css
+++ b/fg21sim/webui/static/css/main.css
@@ -30,6 +30,10 @@ p {
     margin-bottom: 1rem;
 }
 
+td, th {
+    text-align: center;
+}
+
 .text-center {
     text-align: center;
 }
@@ -358,10 +362,13 @@ button,
 .btn {
     margin-left: 0.5rem;
     margin-right: 0.5rem;
-    font-size: 2.2rem;
+    font-size: 150%;
     vertical-align: middle;
     cursor: pointer;
 }
+.btn.btn-small {
+    font-size: 100%;
+}
 
 
 /**
@@ -463,3 +470,14 @@ hr.hr-dashed {
 hr.hr-dotted {
     border-top-style: dotted;
 }
+
+
+/**
+ * "products" page specific styles
+ */
+td.product > .hpx.hpx-convert {
+    opacity: 0.4;
+}
+td.product > .hpx.hpx-convert:hover {
+    opacity: 0.9;
+}