Improve scaling by using responsive rows for toggle switches and mutliline checkboxes

Author: tsterbak

openandroidinstaller/views/requirements_view.py

@@ -139,7 +139,7 @@ def build(self):
                 required_android_version = self.state.config.requirements.get("android")
                 if required_android_version:
                     android_checkbox = Checkbox(
-                        label="The required android version is installed. (Or I know the risk of continuing)",
+                        label="The required android version is installed.\n(Or I know the risk of continuing)",
                         on_change=self.enable_continue_button,
                     )
                     android_version_check = Card(

openandroidinstaller/views/start_view.py

@@ -26,6 +26,7 @@
     OutlinedButton,
     FilledButton,
     Row,
+    ResponsiveRow,
     TextButton,
     colors,
     icons,
@@ -106,6 +107,7 @@ def check_bootloader_unlocked(e):
             disabled=True,
             inactive_thumb_color=colors.YELLOW,
             active_color=colors.GREEN,
+            col={"xl": 6},
         )
 
         # toggleswitch to allow skipping flashing recovery
@@ -119,6 +121,7 @@ def check_recovery_already_flashed(e):
             disabled=True,
             inactive_thumb_color=colors.YELLOW,
             active_color=colors.GREEN,
+            col={"xl": 6},
         )
 
         # inform the user about the device detection
@@ -202,7 +205,7 @@ def build(self):
                     alignment="center",
                 ),
                 Divider(),
-                Row([self.bootloader_switch, self.recovery_switch]),
+                ResponsiveRow([self.bootloader_switch, self.recovery_switch]),
             ]
         )
         return self.view