🐛 fixes alignment

Issue: #152

static/css/styles.css

@@ -897,10 +897,6 @@ input[type=file] {
   right: 0px;
 }
 
-.right-3 {
-  right: 0.75rem;
-}
-
 .right-0 {
   right: 0px;
 }
@@ -909,6 +905,10 @@ input[type=file] {
   top: 0px;
 }
 
+.right-3 {
+  right: 0.75rem;
+}
+
 .top-10 {
   top: 2.5rem;
 }
@@ -937,6 +937,14 @@ input[type=file] {
   top: 0.75rem;
 }
 
+.-top-4 {
+  top: -1rem;
+}
+
+.-top-2 {
+  top: -0.5rem;
+}
+
 .z-10 {
   z-index: 10;
 }
@@ -1297,8 +1305,8 @@ input[type=file] {
   width: 30px;
 }
 
-.w-48 {
-  width: 12rem;
+.w-32 {
+  width: 8rem;
 }
 
 .w-\[47px\] {
@@ -1321,10 +1329,6 @@ input[type=file] {
   width: 80px;
 }
 
-.w-32 {
-  width: 8rem;
-}
-
 .w-1 {
   width: 0.25rem;
 }
@@ -1689,11 +1693,6 @@ input[type=file] {
   background-color: rgb(23 42 52 / 0.6);
 }
 
-.bg-white {
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
-}
-
 .bg-red-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(239 68 68 / var(--tw-bg-opacity));
@@ -2170,25 +2169,11 @@ input[type=file] {
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 
-.ring-black {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(5 26 38 / var(--tw-ring-opacity));
-}
-
-.ring-orange {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(255 159 0 / var(--tw-ring-opacity));
-}
-
 .ring-gray-500 {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity));
 }
 
-.ring-opacity-5 {
-  --tw-ring-opacity: 0.05;
-}
-
 .transition {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;

templates/includes/_header.html

@@ -32,7 +32,7 @@
                    x-transition:leave="transition ease-in duration-75"
                    x-transition:leave-start="transform opacity-100 scale-100"
                    x-transition:leave-end="transform opacity-0 scale-95"
-                   class="absolute right-0 z-10"
+                   class="absolute right-0 -top-2 z-10"
                    x-ref="search-form"
                    x-description="Search"
                    x-bind:aria-activedescendant="activeDescendant"