fix: component sizes and padding

nebulabroadcast · Sep 28, 2024 · 07cdf56 · 07cdf56
1 parent 2690d1f
commit 07cdf56
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/frontend/src/components/Button.jsx b/frontend/src/components/Button.jsx
@@ -16,13 +16,20 @@ const BaseButton = styled.button`
   max-height: ${(props) => props.theme.inputHeight};
   min-width: ${(props) => props.theme.inputHeight} !important;
 
+  user-select: none;
+  user-drag: none;
+
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 12px;
   cursor: pointer;
   white-space: nowrap;
 
+  .icon {
+    font-size: 1.4rem;
+  }
+
   &:focus {
     background: ${(props) => props.theme.colors.surface06};
     outline: 1px solid ${(props) => props.theme.colors.cyan};

diff --git a/frontend/src/components/theme.js b/frontend/src/components/theme.js
@@ -22,10 +22,10 @@ const colors = {
 
 const defaultTheme = {
   colors,
-  inputHeight: '32px',
+  inputHeight: '30px',
   inputBorder: 0,
   inputBorderRadius: '4px',
-  inputPadding: '6px',
+  inputPadding: '4px',
   inputBackground: colors.surface04,
   fontSize: '0.9rem',
   gapSize: '6px',