dropdown for capture_method + random tweaks

dash-frontend/assets/gui/t_dropdown_button.xml

@@ -0,0 +1,27 @@
+<layout>
+  <include src="theme.xml" />
+
+  <macro name="dropdown_button"
+    flex_direction="row"
+    border="2"
+    color="#00000055"
+    border_color="#FFFFFF66"
+    justify_content="space_between" />
+
+  <!-- id, text, translation, tooltip -->
+  <template name="DropdownButton">
+    <label text="${text}" translation="${translation}" />
+    <Button id="${id}" height="32" tooltip="${tooltip}" >
+      <div padding_left="8" padding_right="8" min_width="200">
+        <label id="${id}_value" weight="bold" />
+      </div>
+      <div gap="2">
+        <div padding_top="4" padding_bottom="4">
+          <rectangle width="2" height="100%" color="#FFFFFF66" />
+        </div>
+        <sprite margin_left="-4" width="30" height="30" color="~text_color" src_builtin="dashboard/down.svg" />
+      </div>
+    </Button>
+  </template>
+
+</layout>

dash-frontend/assets/gui/tab/settings.xml

@@ -1,6 +1,7 @@
 <layout>
   <include src="t_tab_title.xml" />
   <include src="../t_group_box.xml" />
+  <include src="../t_dropdown_button.xml" />
 
   <template name="SettingsGroupBox">
     <rectangle macro="group_box" id="${id}" flex_grow="1">
@@ -27,7 +28,10 @@
   </template>
 
   <template name="DangerButton">
-    <Button id="${id}" color="#AA3333" height="32" width="100%" sprite_src_builtin="${icon}" translation="${translation}" tooltip="${translation}_HELP" />
+    <Button id="${id}" color="#AA3333" height="32" tooltip="${translation}_HELP" padding="4" gap="8" >
+      <sprite src_builtin="${icon}" height="24" width="24" />
+      <label align="left" translation="${translation}" weight="bold" min_width="200" />
+    </Button>
   </template>
 
   <elements>