chore: tidy config form style (#1578)

This change improves the legibility of the user config form. Styling for the user/app config was inconsistent across items, making the config menu difficult to read.
marimo-team · Jun 8, 2024 · efdc0d6 · efdc0d6
1 parent 19dc4b0
commit efdc0d6
Show file tree

Hide file tree

Showing 2 changed files with 124 additions and 108 deletions.
diff --git a/frontend/src/components/app-config/app-config-form.tsx b/frontend/src/components/app-config/app-config-form.tsx
@@ -63,7 +63,9 @@ export const AppConfigForm: React.FC = () => {
           control={form.control}
           name="width"
           render={({ field }) => (
-            <FormItem>
+            <FormItem
+              className={"flex flex-row items-center space-x-1 space-y-0"}
+            >
               <FormLabel>Width</FormLabel>
               <FormControl>
                 <NativeSelect
@@ -89,8 +91,8 @@ export const AppConfigForm: React.FC = () => {
           name="app_title"
           render={({ field }) => (
             <div className="flex flex-col gap-y-1">
-              <FormItem className="mb-2">
-                <FormLabel>Application title</FormLabel>
+              <FormItem className="flex flex-row items-center space-x-1 space-y-0">
+                <FormLabel>App title</FormLabel>
                 <FormControl>
                   <Input
                     {...field}