Add some padding to the file name menu list items (#312)

lewish · Jul 8, 2024 · 400602b · 400602b
1 parent acbccce
commit 400602b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/client/drawer.module.css b/client/drawer.module.css
@@ -64,3 +64,7 @@ button.fab {
 :global(.dark) .githubMark {
   filter: invert(100%);
 }
+
+.filenameText {
+  margin-right: 20px;
+}
diff --git a/client/drawer.tsx b/client/drawer.tsx
@@ -124,7 +124,7 @@ export function Drawer() {
                         />
                       )}
                     </ListItemIcon>
-                    <ListItemText>
+                    <ListItemText className={styles.filenameText}>
                       {drawingId.localId
                         ? drawingId.localId
                         : drawingId.shareSpec
@@ -556,6 +556,7 @@ function NewDrawingButton() {
       <DialogContent>
         <TextField
           error={!validDrawingName}
+          autoFocus={true}
           label="Drawing name"
           helperText={!validDrawingName && "Drawing name must be unique."}
           defaultValue={defaultNewDrawingName}
@@ -600,6 +601,7 @@ function RenameDrawingButton({ drawingId }: { drawingId: DrawingId }) {
       <DialogContent>Provide a new name for the drawing.</DialogContent>
       <DialogContent>
         <TextField
+          autoFocus={true}
           error={!validDrawingName}
           label="Drawing name"
           helperText={!validDrawingName && "Drawing name already exists."}
@@ -661,6 +663,7 @@ function ForkDrawingButton({
       <DialogContent>
         <TextField
           error={!validDrawingName}
+          autoFocus={true}
           label="Drawing name"
           helperText={!validDrawingName && "Drawing name already exists."}
           defaultValue={defaultNewDrawingName}