Widen the side padding of worded switches

desktop/src/components/AnnounceSwitch.svelte

@@ -40,6 +40,7 @@
 
 <div class="container">
   <Button
+    stylePadding="0 0.75rem"
     variant="ghost"
     flatRight
     active={$announce}
@@ -50,6 +51,7 @@
   </Button>
 
   <Button
+    stylePadding="0 0.75rem"
     variant="ghost"
     flatLeft
     active={!$announce}

desktop/src/components/BadgeCounterSwitch.svelte

@@ -29,6 +29,7 @@
 
 <div class="container">
   <Button
+    stylePadding="0 0.75rem"
     variant="ghost"
     flatRight
     active={$badgeCounter}
@@ -36,6 +37,7 @@
     Show
   </Button>
   <Button
+    stylePadding="0 0.75rem"
     variant="ghost"
     flatLeft
     active={!$badgeCounter}

desktop/src/components/CodeFontSwitch.svelte

@@ -31,6 +31,7 @@
 
 <div class="container">
   <Button
+    stylePadding="0 0.75rem"
     variant="ghost"
     flatRight
     active={$codeFont === "jetbrains"}
@@ -39,6 +40,7 @@
   </Button>
 
   <Button
+    stylePadding="0 0.75rem"
     variant="ghost"
     flatLeft
     active={$codeFont === "system"}

desktop/src/components/RepoListSwitch.svelte

@@ -13,6 +13,7 @@
 
 <div class="container">
   <Button
+    stylePadding="0 0.75rem"
     variant="ghost"
     flatRight
     active={repoListScope.value === "seeded"}
@@ -21,6 +22,7 @@
   </Button>
 
   <Button
+    stylePadding="0 0.75rem"
     variant="ghost"
     flatLeft
     active={repoListScope.value === "all"}

desktop/src/components/SegmentedSwitch.svelte

@@ -38,6 +38,7 @@
       active={value === option.value}
       title={option.title}
       onclick={() => onchange(option.value)}
+      stylePadding={option.label ? "0 0.75rem" : undefined}
       styleJustifyContent="center">
       {#if option.icon}
         <Icon name={option.icon} />

desktop/src/components/ThemeSwitch.svelte

@@ -54,6 +54,7 @@
 
 <div class="container">
   <Button
+    stylePadding="0 0.75rem"
     variant="ghost"
     flatRight
     active={$followSystemTheme}
@@ -61,6 +62,7 @@
     System
   </Button>
   <Button
+    stylePadding="0 0.75rem"
     variant="ghost"
     flatLeft
     flatRight
@@ -69,6 +71,7 @@
     Light
   </Button>
   <Button
+    stylePadding="0 0.75rem"
     variant="ghost"
     flatLeft
     active={!$followSystemTheme && $theme === "dark"}

desktop/src/components/UpdateSwitch.svelte

@@ -18,11 +18,21 @@
 </style>
 
 <div class="container">
-  <Button variant="ghost" flatRight active={!active} onclick={disable}>
+  <Button
+    stylePadding="0 0.75rem"
+    variant="ghost"
+    flatRight
+    active={!active}
+    onclick={disable}>
     Disable
   </Button>
 
-  <Button variant="ghost" flatLeft active={Boolean(active)} onclick={enable}>
+  <Button
+    stylePadding="0 0.75rem"
+    variant="ghost"
+    flatLeft
+    active={Boolean(active)}
+    onclick={enable}>
     Enable
   </Button>
 </div>