CSS and SW cleanup

styles/include/config.scarlet

@@ -11,7 +11,7 @@ pro-color = hsla(0, 100%, 73%, 0.87)
 ui-border-color = rgba(0, 0, 0, 0.1)
 ui-border = 1px solid ui-border-color
 ui-hover-border-color = rgba(0, 0, 0, 0.15)
-ui-hover-border-color = 1px solid ui-hover-border-color
+ui-hover-border = 1px solid ui-hover-border-color
 ui-background = rgb(254, 254, 254)
 // ui-hover-background = rgb(254, 254, 254)
 // ui-background = linear-gradient(to bottom, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.037) 100%)

styles/sidebar.scarlet

@@ -16,7 +16,7 @@ sidebar-spacing-y = 0.7rem
 	pointer-events none
 	box-shadow shadow-medium
 	transition opacity transition-speed ease, transform transition-speed ease
-	will-change opacity transition
+	will-change opacity, transition
 
 	.user-image-container
 		horizontal
@@ -29,14 +29,14 @@ sidebar-spacing-y = 0.7rem
 		opacity 1
 		transform none
 		position static
-		pointer-events all
+		pointer-events auto
 		box-shadow none
 		border-right ui-border
 		background rgba(0, 0, 0, 0.03)
 
 .sidebar-visible
 	transform translateX(0) !important
-	pointer-events all !important
+	pointer-events auto !important
 	opacity 1 !important
 
 .sidebar-link

styles/status-message.scarlet

@@ -14,7 +14,7 @@
 
 .status-message-action
 	color white !important
-	pointer-events all !important
+	pointer-events auto !important
 
 .error-message
 	color white

styles/widgets.scarlet

@@ -34,7 +34,7 @@
 .widget-ui-element
 	vertical-wrap
 	ui-element
-	transition border transition-speed ease, background transition-speed ease, transform transition-speed ease, transform color ease
+	transition border transition-speed ease, background transition-speed ease, transform transition-speed ease, color transition-speed ease
 	margin-bottom 1rem
 	padding 0.5rem 1rem
 	width 100%