Updated color option type styling

assets/scss/styles/components/ConfigOption.scss

@@ -187,6 +187,52 @@
     color: $color-primary;
 }
 
+.config-option-color {
+    width: 100%;
+    max-width: space(360);
+    height: auto;
+    margin-top: space(4);
+    margin-left: space(12);
+    padding: 0;
+
+    &__preview-wrapper {
+        display: flex;
+        flex-direction: row;
+        width: 100%;
+        height: space(8 * 9);
+    }
+
+    &__preview-block {
+        display: block;
+        width:  space(8 * 11);
+        height: 100%;
+        border-width: $border-width-thickness;
+        border-radius: $border-radius-lg;
+        border-color: $color-border;
+    }
+
+    &__hsv-wrapper {
+        display: flex;
+        flex: 1 1 100%;
+        flex-direction: column;
+        width: auto;
+        height: auto;
+        padding-left: space(8);
+
+        .config-option-range {
+            flex: 1 1 auto;
+
+            label {
+                min-width: space(72);
+            }
+
+            input {
+                flex: 1 1 auto;
+            }
+        }
+    }
+}
+
 .config-option-range {
     display: flex;
     flex-direction: row;

src/ui/elements/ElementOptionTypeColor.cpp

@@ -127,8 +127,6 @@ void ElementOptionTypeColor::set_config_store_rgb() {
 
 
 void ElementOptionTypeColor::init_option(std::string& _config_key) {
-    
-
     config_key = _config_key;
 
     const json& option_json = recomp::config::get_json_from_key(config_key);