From 3a53a7ea30e2081b5f7ec99cb8bd305a973041e5 Mon Sep 17 00:00:00 2001
From: Philipinho <16838612+Philipinho@users.noreply.github.com>
Date: Tue, 26 Sep 2023 12:36:27 +0100
Subject: [PATCH] fix styling

---
 frontend/package.json                                 | 8 +++-----
 frontend/postcss.config.js                            | 2 --
 frontend/src/components/navbar/navbar.module.css      | 8 ++++----
 frontend/src/features/settings/modal/modal.module.css | 5 +++--
 4 files changed, 10 insertions(+), 13 deletions(-)

diff --git a/frontend/package.json b/frontend/package.json
index 0c876745..abefbec3 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -11,9 +11,9 @@
   },
   "dependencies": {
     "@hocuspocus/provider": "^2.5.0",
-    "@mantine/core": "^7.0.0",
-    "@mantine/form": "^7.0.0",
-    "@mantine/hooks": "^7.0.0",
+    "@mantine/core": "^7.0.2",
+    "@mantine/form": "^7.0.2",
+    "@mantine/hooks": "^7.0.2",
     "@tabler/icons-react": "^2.32.0",
     "@tanstack/react-query": "^4.33.0",
     "@tanstack/react-table": "^8.9.3",
@@ -42,12 +42,10 @@
     "@types/node": "20.4.8",
     "@types/react": "18.2.18",
     "@types/react-dom": "18.2.7",
-    "autoprefixer": "^10.4.16",
     "eslint": "8.46.0",
     "eslint-config-next": "13.4.13",
     "optics-ts": "^2.4.1",
     "postcss": "^8.4.30",
-    "postcss-preset-env": "^9.1.4",
     "postcss-preset-mantine": "^1.7.0",
     "postcss-simple-vars": "^7.0.1"
   }
diff --git a/frontend/postcss.config.js b/frontend/postcss.config.js
index 6d7b423a..e817f567 100644
--- a/frontend/postcss.config.js
+++ b/frontend/postcss.config.js
@@ -1,7 +1,5 @@
 module.exports = {
   plugins: {
-    autoprefixer: {},
-    "postcss-preset-env": {},
     "postcss-preset-mantine": {},
     "postcss-simple-vars": {
       variables: {
diff --git a/frontend/src/components/navbar/navbar.module.css b/frontend/src/components/navbar/navbar.module.css
index 312ecbe9..ea1f85a1 100644
--- a/frontend/src/components/navbar/navbar.module.css
+++ b/frontend/src/components/navbar/navbar.module.css
@@ -7,6 +7,7 @@
     display: flex;
     flex-direction: column;
     border-right: rem(1px) solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
+    user-select: none;
 }
 
 .section {
@@ -42,9 +43,8 @@
     font-weight: 500;
     color: light-dark(var(--mantine-color-gray-7), var(--mantine-color-dark-0));
 
-    &
-    :hover {
-        background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-6));
+    &:hover {
+        background-color: light-dark(var(--mantine-color-gray-2), var(--mantine-color-dark-5));
         color: light-dark(var(--mantine-color-gray-7), var(--mantine-color-dark-0));
     }
 }
@@ -83,7 +83,7 @@
     font-weight: 500;
 
     &:hover {
-        background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-6));
+        background-color: light-dark(var(--mantine-color-gray-2), var(--mantine-color-dark-5));
         color: light-dark(var(--mantine-color-gray-7), var(--mantine-color-dark-0));
     }
 }
diff --git a/frontend/src/features/settings/modal/modal.module.css b/frontend/src/features/settings/modal/modal.module.css
index 639782fc..d4e4f4da 100644
--- a/frontend/src/features/settings/modal/modal.module.css
+++ b/frontend/src/features/settings/modal/modal.module.css
@@ -41,10 +41,11 @@
   padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
   border-radius: var(--mantine-radius-sm);
   font-weight: 500;
+  user-select: none;
 
   @mixin hover {
     background-color: light-dark(
-      var(--mantine-color-gray-0),
+      var(--mantine-color-gray-1),
       var(--mantine-color-dark-6)
     );
     color: light-dark(var(--mantine-color-black), var(--mantine-color-white));
@@ -54,7 +55,7 @@
     }
   }
 
-  & [data-active] {
+  &[data-active] {
     &,
     & :hover {
       background-color: var(--mantine-color-blue-light);