From 11feedecaf5d7f712d3de15846c25de9dcab0c84 Mon Sep 17 00:00:00 2001
From: Petr Vecera <vecera.petr@gmail.com>
Date: Mon, 25 Mar 2024 19:05:59 +0100
Subject: [PATCH] Fix CSS

---
 package.json                  |  2 +-
 src/WindowTitleBar.module.css | 73 +++++++++++++++++------------------
 2 files changed, 36 insertions(+), 39 deletions(-)

diff --git a/package.json b/package.json
index 28a0943..73d8415 100644
--- a/package.json
+++ b/package.json
@@ -20,7 +20,7 @@
     "prepare": "husky"
   },
   "lint-staged": {
-    "*.{js,ts,jsx,tsx,yml}": [
+    "*.{js,ts,jsx,tsx,yml,css}": [
       "prettier --log-level warn --write"
     ],
     "*.md": [
diff --git a/src/WindowTitleBar.module.css b/src/WindowTitleBar.module.css
index bc63c10..8177027 100644
--- a/src/WindowTitleBar.module.css
+++ b/src/WindowTitleBar.module.css
@@ -1,64 +1,61 @@
 .wrapper {
-    display: flex;
-    flex-flow: column;
-    height: 100vh;
+  display: flex;
+  flex-flow: column;
+  height: 100vh;
 }
 
 .header {
-    background-color: light-dark(
-            lighten(var(--mantine-color-gray-3),0.7),
-            darken(var(--mantine-color-blue-9),0.9)
-    );
-    flex: 0 1 auto;
+  background-color: light-dark(
+    lighten(var(--mantine-color-gray-3), 0.7),
+    darken(var(--mantine-color-blue-9), 0.9)
+  );
+  flex: 0 1 auto;
 }
 
 .children {
-    flex: 1 1 auto;
-    overflow-y: auto;
+  flex: 1 1 auto;
+  overflow-y: auto;
 }
 
 .link {
-    display: block;
-    line-height: 1;
-    padding: 10px 8px;
-    border-radius: 0;
-    height: 35px;
-    text-decoration: none;
-    color: light-dark(
-            var(--mantine-color-black),
-            var(--mantine-color-white)
-    );
-    font-size: var(--mantine-font-size-sm);
-    font-weight: 500;
-    user-select: none;
-    cursor: pointer;
+  display: block;
+  line-height: 1;
+  padding: 10px 8px;
+  border-radius: 0;
+  height: 35px;
+  text-decoration: none;
+  color: light-dark(var(--mantine-color-black), var(--mantine-color-white));
+  font-size: var(--mantine-font-size-sm);
+  font-weight: 500;
+  user-select: none;
+  cursor: pointer;
 }
 
 .link:hover {
-    background-color: light-dark(
-            lighten(var(--mantine-color-blue-3),0.7),
-            darken(var(--mantine-color-blue-9),0.7)
-    )
+  background-color: light-dark(
+    lighten(var(--mantine-color-blue-3), 0.7),
+    darken(var(--mantine-color-blue-9), 0.7)
+  );
 }
 
 .selectedLink {
-    background-color: light-dark(
-            lighten(var(--mantine-color-blue-3),0.7),
-            darken(var(--mantine-color-blue-9),0.7)
-    )
+  background-color: light-dark(
+    lighten(var(--mantine-color-blue-3), 0.7),
+    darken(var(--mantine-color-blue-9), 0.7)
+  );
 }
 
 .windowButton {
-    padding: 10px 12px;
+  padding: 10px 12px;
 }
 
 .closeButton {
-    padding: 10px 14px;
+  padding: 10px 14px;
 }
 
 .closeButton:hover {
-    background-color: light-dark(
-            var(--mantine-color-red-7),
-            var(--mantine-color-red-8)
-    );
+  background-color: light-dark(
+    var(--mantine-color-red-7),
+    var(--mantine-color-red-8)
+  );
 }