Settings page (visual only)

styles/forms.scarlet

@@ -8,13 +8,15 @@ input, textarea, button, select
 
 input, textarea
 	border ui-border
-	background-color white
+	background white
 	box-shadow none
+
 	:focus
 		color black
-		border 1px solid main-color
+		border 1px solid main-color !important
 		// TODO: Replace with alpha(main-color, 20%) function
 		box-shadow 0 0 6px rgba(248, 165, 130, 0.2)
+	
 	:disabled
 		ui-disabled
 
@@ -32,6 +34,11 @@ button, select
 	// 	// box-shadow 0 0 6px alpha(mainColor, 20%)
 	// 	border 1px solid main-color
 
+label
+	width 100%
+	padding 0.5rem 0
+	text-align left
+
 // input[type="submit"]:hover,
 // button:hover
 // 	cursor pointer

styles/icons.scarlet

@@ -7,4 +7,7 @@
 	fill currentColor
 
 .raw-icon
+	width 1em
+	height 1em
+	min-width 1em
 	fill currentColor

styles/widgets.scarlet

@@ -0,0 +1,32 @@
+.widgets
+	horizontal-wrap
+	justify-content space-around
+
+.widget
+	vertical
+	align-items center
+	width 100%
+	padding 0.25rem
+	max-width 600px
+
+.widget-element
+	vertical-wrap
+	ui-element
+	margin-bottom 1rem
+	padding 0.5rem 1rem
+	width 100%
+	max-width 700px
+
+.widget-element-text
+	horizontal
+	clip-long-text
+	justify-content flex-start
+	align-items center
+	width 100%
+
+.widget-input
+	vertical
+	width 100%
+
+.widget-title
+	//