Allow for styling

onlylegs/static/sass/components/buttons/pill.sass

@@ -64,12 +64,11 @@
 
     &:hover
         cursor: pointer
-
         color: var(--primary)
 
-    &.disabled, &:disabled
-        color: var(--foreground-dim)
-        cursor: unset
+    &:disabled, &[disabled], &.disabled
+        color: var(--foreground-gray)
+        cursor: default
 
 .pill__critical
     color: var(--danger)

onlylegs/static/sass/components/image-view.sass

@@ -1,5 +1,5 @@
 .info-container
-    padding: 0.5rem 0 0 0.5rem
+    padding: 0.5rem 0 0.5rem 0.5rem
     width: 27rem
     position: absolute
     top: 0

onlylegs/static/sass/style.sass

@@ -75,9 +75,11 @@ main
     main
         margin: 0 0.5rem
 
-header
-    position: sticky
-    top: 0
+// This is very broken, as it breaks when you open any context menu/popup
+// I need to fix this at some point as it looks really nice
+//header
+//    position: sticky
+//    top: 0
 
 .error-page
     min-height: 100%

onlylegs/static/sass/variables.sass

@@ -26,8 +26,8 @@
     --red-transparent: rgba(182, 100, 103, 0.1)
     --orange: rgb(217, 140, 95)
     --orange-transparent: rgba(217, 140, 95, 0.1)
-    --yellow: rgb(217, 188, 140)
-    --yellow-transparent: rgba(217, 188, 140, 0.1)
+    --yellow: rgb(198, 185, 166)
+    --yellow-transparent: rgba(198, 185, 166, 0.1)
     --green: rgb(140, 151, 125)
     --green-transparent: rgba(140, 151, 125, 0.1)
     --blue: rgb(141, 163, 185)