feat: add padding option for inactive workspace numbers (#702)

* feat: add padding option for inactive workspace number

* chore: reorder options to gather padding related options

---------

Co-authored-by: Jas Singh <jaskiratpal.singh@outlook.com>

src/components/settings/pages/config/bar/index.tsx

@@ -205,6 +205,12 @@ export const BarSettings = (): JSX.Element => {
                     subtitle="Only applicable if Workspace Numbers are enabled"
                     type="string"
                 />
+                <Option
+                    opt={options.theme.bar.buttons.workspaces.numbered_inactive_padding}
+                    title="Inactive Padding"
+                    subtitle="Only applicable if Workspace Numbers are enabled"
+                    type="string"
+                />
                 <Option
                     opt={options.theme.bar.buttons.workspaces.pill.radius}
                     title="Pill Radius"

src/options.ts

@@ -210,6 +210,7 @@ const options = mkOptions(CONFIG, {
                     hover: opt(colors.pink),
                     numbered_active_highlight_border: opt('0.2em'),
                     numbered_active_highlight_padding: opt('0.2em'),
+                    numbered_inactive_padding: opt('0.2em'),
                     numbered_active_highlighted_text_color: opt(colors.mantle),
                     numbered_active_underline_color: opt(colors.pink),
                     spacing: opt('0.5em'),

src/scss/style/bar/workspace.scss

@@ -37,7 +37,7 @@
             min-height: 0em;
             border-radius: 0em;
             transition: 0ms;
-            padding: 0em 0.2em;
+            padding: 0em $bar-buttons-workspaces-numbered_inactive_padding;
             font-size: $bar-buttons-workspaces-fontSize;
         }