design: Increase location bar UI density

Signed-off-by: Kristóf Marussy <kristof@marussy.com>

4 files changed, 11 insertions, 6 deletions

diff --git a/packages/renderer/src/components/ThemeProvider.tsx b/packages/renderer/src/components/ThemeProvider.tsx
index 5fc1f33..18dc2a8 100644
--- a/packages/renderer/src/components/ThemeProvider.tsx
+++ b/packages/renderer/src/components/ThemeProvider.tsx
@@ -48,6 +48,13 @@ export default observer(
             },
           },
         },
+        MuiIconButton: {
+          styleOverrides: {
+            sizeMedium: {
+              padding: 6,
+            },
+          },
+        },
       },
     });
 
diff --git a/packages/renderer/src/components/locationBar/LocationInputAdornment.tsx b/packages/renderer/src/components/locationBar/LocationInputAdornment.tsx
index a3cd2c5..640cbb4 100644
--- a/packages/renderer/src/components/locationBar/LocationInputAdornment.tsx
+++ b/packages/renderer/src/components/locationBar/LocationInputAdornment.tsx
@@ -25,7 +25,7 @@ const LocationInputAdornment = styled(InputAdornment, {
   name: 'LocationInputAdornment',
 })(({ theme: { direction }, position }) => {
   const left = direction === 'ltr' ? 'start' : 'end';
-  const marginStart = -8;
+  const marginStart = -10;
   const marginEnd = 2;
   return position === left
     ? {
diff --git a/packages/renderer/src/components/locationBar/LocationOverlayInput.tsx b/packages/renderer/src/components/locationBar/LocationOverlayInput.tsx
index 55c1fb8..a09cc57 100644
--- a/packages/renderer/src/components/locationBar/LocationOverlayInput.tsx
+++ b/packages/renderer/src/components/locationBar/LocationOverlayInput.tsx
@@ -33,8 +33,7 @@ const LocationOverlayInputRoot = styled('div', {
   shouldForwardProp: (prop) => prop !== 'overlayVisible',
 })<{ overlayVisible: boolean }>(({ theme, overlayVisible }) => {
   const itemStyle = {
-    paddingLeft: 0,
-    paddingRight: 0,
+    padding: '6px 0 7px 0',
   };
   return {
     display: 'flex',
diff --git a/packages/renderer/src/components/locationBar/LocationTextField.tsx b/packages/renderer/src/components/locationBar/LocationTextField.tsx
index 057dd69..5563479 100644
--- a/packages/renderer/src/components/locationBar/LocationTextField.tsx
+++ b/packages/renderer/src/components/locationBar/LocationTextField.tsx
@@ -36,9 +36,8 @@ const LocationTextFieldRoot = styled(FilledInput, {
   name: 'LocationTextField',
   slot: 'Root',
 })(({ theme }) => ({
-  paddingLeft: 12,
-  paddingRight: 12,
-  borderRadius: 20,
+  padding: '0 12px',
+  borderRadius: 18,
   '&.Mui-focused': {
     outline: `2px solid ${theme.palette.primary.main}`,
   },