Increases input field spacing

Improves the visual spacing and padding of input fields for better usability. Increases gap between fields and adds bottom padding.
trypear · Feb 12, 2025 · 8401d67 · 8401d67
1 parent ca0cbff
commit 8401d67
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/gui/src/pages/gui.tsx b/gui/src/pages/gui.tsx
@@ -118,9 +118,10 @@ const TutorialCardDiv = styled.header`
 export const InputContainer = styled.div<{ isNewSession?: boolean }>`
   display: flex;
   flex-direction: column;
-  gap: 0.125rem;
+  gap: 0.5rem;
   padding-left: 0.5rem;
   padding-right: 0.5rem;
+  padding-bottom: 0.9rem;
   border-top-left-radius: 0.5rem;
   border-top-right-radius: 0.5rem;
   position: ${props => props.isNewSession ? 'relative' : 'fixed'};