diff options
| author | Oskar <oskar@mullvad.net> | 2024-10-18 15:32:02 +0200 |
|---|---|---|
| committer | Markus Pettersson <markus.pettersson@mullvad.net> | 2024-10-23 14:59:46 +0200 |
| commit | 33ee250cceb51e1b862bcf04c63a1cdb615b559f (patch) | |
| tree | 79db8517ffceb7f0124aed8e08dd983688fb00fb | |
| parent | 2a20e5a4c72fd3ed7c28febe087d0a3856b84056 (diff) | |
| download | mullvadvpn-33ee250cceb51e1b862bcf04c63a1cdb615b559f.tar.xz mullvadvpn-33ee250cceb51e1b862bcf04c63a1cdb615b559f.zip | |
Fix API access method cell items alignment
| -rw-r--r-- | gui/src/renderer/components/ApiAccessMethods.tsx | 2 | ||||
| -rw-r--r-- | gui/src/renderer/components/ContextMenu.tsx | 2 | ||||
| -rw-r--r-- | gui/src/renderer/components/cell/Label.tsx | 6 |
3 files changed, 9 insertions, 1 deletions
diff --git a/gui/src/renderer/components/ApiAccessMethods.tsx b/gui/src/renderer/components/ApiAccessMethods.tsx index 8b88e97edc..f12e4835f1 100644 --- a/gui/src/renderer/components/ApiAccessMethods.tsx +++ b/gui/src/renderer/components/ApiAccessMethods.tsx @@ -36,6 +36,8 @@ import { StyledContent, StyledNavigationScrollbars, StyledSettingsContent } from import { SmallButton, SmallButtonColor, SmallButtonGroup } from './SmallButton'; const StyledContextMenuButton = styled(Cell.Icon)({ + alignItems: 'center', + justifyContent: 'center', marginRight: '8px', }); diff --git a/gui/src/renderer/components/ContextMenu.tsx b/gui/src/renderer/components/ContextMenu.tsx index fd84a8f0d9..2e01c9375f 100644 --- a/gui/src/renderer/components/ContextMenu.tsx +++ b/gui/src/renderer/components/ContextMenu.tsx @@ -36,6 +36,8 @@ const menuContext = React.createContext<MenuContext>({ const StyledMenuContainer = styled.div({ position: 'relative', padding: '8px 4px', + display: 'flex', + justifyContent: 'center', }); export function ContextMenuContainer(props: React.PropsWithChildren) { diff --git a/gui/src/renderer/components/cell/Label.tsx b/gui/src/renderer/components/cell/Label.tsx index 1115edc829..b2b37c1e4c 100644 --- a/gui/src/renderer/components/cell/Label.tsx +++ b/gui/src/renderer/components/cell/Label.tsx @@ -15,11 +15,15 @@ const StyledLabel = styled.div<{ disabled: boolean }>(buttonText, (props) => ({ textAlign: 'left', [`${LabelContainer} &&`]: { - marginTop: '5px', + marginTop: '0px', marginBottom: 0, height: '20px', lineHeight: '20px', }, + + [`${LabelContainer}:has(${StyledSubLabel}) &&`]: { + marginTop: '5px', + }, })); const StyledSubText = styled.span<{ disabled: boolean }>(tinyText, (props) => ({ |