From 6bfdc75365e3587026dfa6d55bcabc5558fd4971 Mon Sep 17 00:00:00 2001
From: neon_arch <mustafadhuleb53@gmail.com>
Date: Mon, 21 Aug 2023 17:28:40 +0300
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat:=20add=20&=20change=20styling?=
 =?UTF-8?q?=20for=20the=20error-box=20&=20the=20navbar=20(#185)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/static/themes/simple.css | 67 ++++++++++++++++++++++++++++-----
 1 file changed, 58 insertions(+), 9 deletions(-)

diff --git a/public/static/themes/simple.css b/public/static/themes/simple.css
index cd5f20a..37e3c21 100644
--- a/public/static/themes/simple.css
+++ b/public/static/themes/simple.css
@@ -89,17 +89,71 @@ body {
   width: 40rem;
 }
 
+/* styles for the error box */
+.error_box .error_box_toggle_button {
+  background: var(--foreground-color);
+}
 
+.error_box .dropdown_error_box {
+  position: absolute;
+  display: none;
+  flex-direction: column;
+  background: var(--background-color);
+  border-radius: 0;
+  margin-left: 2rem;
+  min-height: 20rem;
+  min-width: 22rem;
+}
+.error_box .dropdown_error_box.show {
+  display: flex;
+}
+.error_box .dropdown_error_box .error_item,
+.error_box .dropdown_error_box .no_errors {
+  display: flex;
+  align-items: center;
+  color: var(--foreground-color);
+  letter-spacing: 0.1rem;
+  padding: 1rem;
+  font-size: 1.2rem;
+}
+.error_box .dropdown_error_box .error_item {
+  justify-content: space-between;
+}
+.error_box .dropdown_error_box .no_errors {
+  min-height: 18rem;
+  justify-content: center;
+}
+
+.error_box .dropdown_error_box .error_item:hover {
+  box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
+}
+
+.error_box .error_item .severity_color {
+  width: 1.2rem;
+  height: 1.2rem;
+}
 
 /* styles for the footer and header */
 
-header {
-  background: var(--background-color);
+header,
+footer {
   width: 100%;
+  background: var(--background-color);
   display: flex;
-  justify-content: right;
-  align-items: center;
   padding: 1rem;
+  align-items: center;
+}
+
+header {
+  justify-content: space-between;
+}
+
+header h1 a {
+  text-transform: capitalize;
+  text-decoration: none;
+  color: var(--foreground-color);
+  letter-spacing: 0.1rem;
+  margin-left: 1rem;
 }
 
 header ul,
@@ -142,13 +196,8 @@ footer div {
 }
 
 footer {
-  background: var(--background-color);
-  width: 100%;
-  padding: 1rem;
-  display: flex;
   flex-direction: column;
   justify-content: center;
-  align-items: center;
 }
 
 /* Styles for the search page */