Improve style

Author: lucasssvaz

tools/config_editor/settings.py

@@ -79,12 +79,12 @@ def compose(self) -> ComposeResult:
             self.target_select = LabelledSelect("Compilation Target", target_options, allow_blank=False, id="target-select")
             yield self.target_select
 
-            with Horizontal(id="settings-enable-copy-container"):
-                yield Label("Copy to arduino-esp32 after compilation", id="enable-copy-label")
-
+            with Horizontal(classes="settings-switch-container"):
                 self.enable_copy_switch = Switch(value=self.app.setting_enable_copy, id="enable-copy-switch")
                 yield self.enable_copy_switch
 
+                yield Label("Copy to arduino-esp32 after compilation")
+
             self.arduino_path_input = LabelledInput("Arduino-esp32 Path", placeholder="Path to your arduino-esp32 installation", value=self.app.setting_arduino_path, id="arduino-path-input")
             yield self.arduino_path_input
 

tools/config_editor/style.tcss

@@ -56,7 +56,6 @@ Button.main-menu-button {
 # Settings Screen
 
 #settings-scroll-container {
-    align: center middle;
     padding: 1;
 }
 
@@ -74,6 +73,18 @@ Button.main-menu-button {
     align: center middle;
 }
 
+.settings-switch-container {
+    height: 4;
+}
+
+.settings-switch-container Switch {
+    margin-right: 2;
+}
+
+.settings-switch-container Label {
+    margin-top: 1;
+}
+
 # Editor Screen
 
 #tree-view {