webui: Update modal box styles

1 files changed, 34 insertions, 19 deletions

diff --git a/fg21sim/webui/static/css/main.css b/fg21sim/webui/static/css/main.css
index aecb48d..1c81268 100644
--- a/fg21sim/webui/static/css/main.css
+++ b/fg21sim/webui/static/css/main.css
@@ -439,27 +439,17 @@ button,
 
 
 /**
- * Logging messages styles
+ * Modal box styles
  */
-p.log {
-    font-size: 1.3rem;
-    margin-bottom: 0;
-}
-p.log span {
-    margin-right: 0.8rem;
-}
-p.log.log-debug {
-    color: inherit;
-}
-p.log.log-info {
-    color: #398439;
-}
-p.log.log-warning {
-    color: #d58512;
+.modal .icon {
+    font-size: 200%;
+    vertical-align: middle;
+    margin-right: 0.5rem;
 }
-p.log.log-error,
-p.log.log-critical {
-    color: #ac2925;
+.modal .title {
+    font-size: 120%;
+    font-weight: bold;
+    vertical-align: middle;
 }
 
 
@@ -492,6 +482,31 @@ hr.hr-dotted {
 
 
 /**
+ * Logging messages styles
+ */
+p.log {
+    font-size: 1.3rem;
+    margin-bottom: 0;
+}
+p.log span {
+    margin-right: 0.8rem;
+}
+p.log.log-debug {
+    color: inherit;
+}
+p.log.log-info {
+    color: #398439;
+}
+p.log.log-warning {
+    color: #d58512;
+}
+p.log.log-error,
+p.log.log-critical {
+    color: #ac2925;
+}
+
+
+/**
  * "products" page specific styles
  */
 td.product > .hpx.hpx-convert {