commit 132d91c3452059d84cf55a4d53de3d823e28049b
author Daniel Gruno <humbedooh@apache.org> Sun Aug 15 20:55:10 2021 +0200
committer GitHub <noreply@github.com> Sun Aug 15 20:55:10 2021 +0200
tree a35bf5fd3cf184d9aa1c1e4f8a0f941b165658c3
parent f5fa9a4443fd8c381b319d0d286dbd05621a731d

css style tweaks

webui/css/blocky4.css

diff --git a/webui/css/blocky4.css b/webui/css/blocky4.css
index eb31344..40f8616 100644
--- a/webui/css/blocky4.css
+++ b/webui/css/blocky4.css
@@ -1,6 +1,6 @@
 body, html {
-    background-color: #3f4f5a;
-    background-image: url(../images/background.svg);
+    background-color: #282c2d;
+
     background-size: cover;
     font-family: sans-serif;
 }
@@ -9,16 +9,29 @@
 #page {
     margin: 20px auto;
     width: 1750px;
+    background: #FAFAFA;
+    position: relative;
+    display: flex;
+    flex-direction: row;
+    border: 1px solid #000;
 }
 
 #navbar {
-    border-radius: 6px;
-    background-color: #FFF;
+
+    background-color: #38454A;
     width: 96px;
     min-height: 640px;
     display: inline-block;
+    position: relative;
 }
 
+#wrapper {
+    max-width: 1660px;
+    display: inline-block;
+    position: relative;
+}
+
+
 #navbar ul {
     margin: 0;
     padding: 0;
@@ -26,29 +39,30 @@
     position: relative;
 }
 #navbar li {
-    color: #544;
+    color: #fff;
     position: relative;
     display: inline-block;
-    height: 72px;
+    height: 64px;
     width: 96px;
+    margin-top: 4px;
     padding-top: 8px;
     font-size: 0.8rem;
     font-family: sans-serif;
-    border-bottom: 2px solid #3336;
+    border-top: 2px solid #3336;
     vertical-align: middle;
 }
 
 #navbar li a {
     text-decoration: none;
-    color: #544;
+    color: #fff;
 }
 
 #navbar li:last-child {
-    border-bottom: none;
+    border-bottom: 2px solid #3336;
 }
 
 #navbar li a:hover {
-    color: #833 !important;
+    color: #EE8 !important;
     cursor: pointer;
 }
 
@@ -62,34 +76,39 @@
 
 #topbar {
     border-radius: 6px;
-    width: 1450px;
+    min-width: 1580px;
+    margin-left: 20px;
     height: 48px;
-    background-color: #FFF;
-    display: inline-block;
-    position: absolute;
-    top: 20px;
-    margin-left: 40px;
+    display: block;
 }
 
 #main {
     border-radius: 6px;
-    width: 1450px;
+    width: 1580px;
     min-height: 600px;
-    background-color: #FFF;
-    display: inline-block;
-    margin-left: 40px;
-    position: absolute;
-    top: 92px;
+    display: block;
+    margin-left: 20px;
+    padding-bottom: 20px;
+}
+
+#topbar input {
+    background-color: #FAFAFA;
+    border: none;
+    border-bottom: 1px solid #334;
+    height: 24px;
+    font-style: italic;
+    font-size: 1rem;
 }
 
 h1 {
-    width: calc(100% - 20px);
+    width: 100%;
+    flex-shrink: revert;
     font-size: 1.25rem;
     padding: 10px;
     font-weight: normal;
     font-family: sans-serif;
-    background-color: #777066;
-    color: #FFF;
+    background-color: #C8C8C8;
+    color: #000;
 }
 
 table {
@@ -100,8 +119,9 @@
 }
 
 th {
-    background-color: #524b41;
-    color: #fff;
+    background-color: #E8E8E8;
+    color: #000;
+    line-height: 32px;
 }
 tr:nth-child(odd)>td {
     background-color: #f9f9f9;
@@ -111,9 +131,12 @@
     margin: 0;
 }
 
+tr>td {
+    height: 24px;
+}
 
 tr:nth-child(even)>td {
-    background-color: #EEE;
+    background-color: #EBEBF0;
     padding: 0px;
     padding-left: 6px;
     padding-right: 6px;