3-header.css

Jenni-Foued · May 15, 2021 · 294f2f2 · 294f2f2
1 parent 4f755fb
commit 294f2f2
Showing 1 changed file with 18 additions and 8 deletions.
diff --git a/web_dynamic/static/styles/3-header.css b/web_dynamic/static/styles/3-header.css
@@ -1,11 +1,21 @@
 header {
-    background: white;
-    height: 70px;
-    width: 100%;
-    border-bottom: 1px solid #CCCCCC;
+  background: #ffffff url("../images/logo.png") 20px no-repeat;
+  height: 70px;
+  width: 100%;
+  border-bottom: 1px solid #cccccc;
+  display: flex;
+  align-items: center;
 }
-header .logo {
-    background: url("../images/logo.png") no-repeat;
-    left: 20px;
-    height: 100%;
+
+#api_status {
+    margin-left: auto;
+    border-radius: 50%;
+    width: 40px;
+    height: 40px;
+    margin-right: 30px;
+    background-color: #cccccc;
+}
+
+#api_status.available {
+    background-color: #ff545f;
 }