From 4c185d42d56bfc3c1149521e7969192d99e76639 Mon Sep 17 00:00:00 2001
From: djmil <andriy@djmil.dev>
Date: Fri, 20 Oct 2023 17:54:36 +0200
Subject: [PATCH] front: css fix for safari

---
 webapp/src/components/Header/index.css | 62 +++++++++++++-------------
 1 file changed, 30 insertions(+), 32 deletions(-)

diff --git a/webapp/src/components/Header/index.css b/webapp/src/components/Header/index.css
index 4b472ea..1cd380f 100644
--- a/webapp/src/components/Header/index.css
+++ b/webapp/src/components/Header/index.css
@@ -14,40 +14,38 @@ nav {
     justify-content: center;
     display: flex;
     flex-wrap: wrap;
-
-    a {
-        color: lightgray;
-        text-decoration: none;
-        transition: .25s ease;
-
-        margin-left: 30px;
-        margin-right: 30px;
-        padding: 0.25rem 1rem;
-    }
-
-    .active {
-        color: white;
-        border-radius: 2px; 
-        background-color: cadetblue;
-        opacity: 80%;
-        padding: 0.25rem 1rem;
-    }
-
-    a:hover:not(.active) {
-        color:cadetblue;
-
-        box-shadow: 0 1.5px 0 0 currentcolor;
-    }
 }
 
-[data-darkreader-scheme="dark"] nav {
-    a {
-        color: darkslategrey;
-    }
+nav a {
+    color: lightgray;
+    text-decoration: none;
+    transition: .25s ease;
 
-    .active {
-        color: white; 
-        box-shadow: 0 1.5px 0 0 currentcolor;
-    }
+    margin-left: 30px;
+    margin-right: 30px;
+    padding: 0.25rem 1rem;
 }
 
+nav .active {
+    color: white;
+    border-radius: 2px;
+    background-color: cadetblue;
+    opacity: 80%;
+    padding: 0.25rem 1rem;
+}
+
+nav a:hover:not(.active) {
+    color: cadetblue;
+
+    box-shadow: 0 1.5px 0 0 currentcolor;
+}
+
+
+[data-darkreader-scheme="dark"] nav a {
+    color: darkslategrey;
+}
+
+[data-darkreader-scheme="dark"] nav .active {
+    color: white;
+    box-shadow: 0 1.5px 0 0 currentcolor;
+}
\ No newline at end of file