Update styles.css

Author: kirbIndustries

css/styles.css

@@ -607,22 +607,17 @@ input[type="color"]::-moz-color-swatch {
     bottom: 0;
     left: 0;
     right: 0;
-    height: 25px; 
+    height: 50px; 
     display: flex;
     justify-content: center;
-    align-items: flex-start;
+    align-items: flex-end;
     cursor: grab;
     z-index: 9996;
     touch-action: none;
     user-select: none;
     transition: transform 0.15s cubic-bezier(.2, 1.3, .64, 1);
 }
 
-.drawer-handle:active .nav-pill {
-    transform: translateY(-5px) scale(1.2);
-    transition: transform 0.1s cubic-bezier(.2, 1.3, .64, 1);
-}
-
 .drawer-handle:active {
 	cursor: grabbing;
 }
@@ -632,10 +627,15 @@ input[type="color"]::-moz-color-swatch {
     display: flex;
     justify-content: center;
     width: 50%;
-    max-width: 100px;
+    max-width: 50px;
     align-items: center;
 }
 
+.drawer-pill:active {
+	transform: translateY(-5px) scale(1.2);
+    transition: transform 0.1s cubic-bezier(.2, 1.3, .64, 1);
+}
+
 .nav-pill {
 	transform: scale(1);
     transition: transform 0.15s cubic-bezier(.2, 1.3, .64, 1), opacity 0.3s ease, background-color 0.3s, width 0.3s;