From 656e674e342b2b59b4236b6a2c830ab0a0da7f49 Mon Sep 17 00:00:00 2001
From: Kristóf Marussy <kristof@marussy.com>
Date: Fri, 18 Mar 2022 13:48:03 +0100
Subject: design: Increase location bar UI density
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Kristóf Marussy <kristof@marussy.com>
---
 .../renderer/src/components/locationBar/LocationInputAdornment.tsx   | 2 +-
 .../renderer/src/components/locationBar/LocationOverlayInput.tsx     | 3 +--
 packages/renderer/src/components/locationBar/LocationTextField.tsx   | 5 ++---
 3 files changed, 4 insertions(+), 6 deletions(-)

(limited to 'packages/renderer/src/components/locationBar')

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}`,
   },
-- 
cgit v1.2.3-54-g00ecf