summaryrefslogtreecommitdiffhomepage
path: root/gui/src/renderer/components/cell
diff options
context:
space:
mode:
authorOskar Nyberg <oskar@mullvad.net>2021-08-19 11:10:18 +0200
committerOskar Nyberg <oskar@mullvad.net>2021-08-19 11:10:18 +0200
commit281488dcbf634fc93bab1991bbcc8f4f97d118ae (patch)
tree9135a58df3b478f9855d22a797784ccdafd896db /gui/src/renderer/components/cell
parent10f11292e778c3700ac301b08a02ad9e29957166 (diff)
parentc5fdf899a223f820bf971b968f384dfe2e45592f (diff)
downloadmullvadvpn-281488dcbf634fc93bab1991bbcc8f4f97d118ae.tar.xz
mullvadvpn-281488dcbf634fc93bab1991bbcc8f4f97d118ae.zip
Merge branch 'reorganize-advanced-settings'
Diffstat (limited to 'gui/src/renderer/components/cell')
-rw-r--r--gui/src/renderer/components/cell/CellButton.tsx9
1 files changed, 8 insertions, 1 deletions
diff --git a/gui/src/renderer/components/cell/CellButton.tsx b/gui/src/renderer/components/cell/CellButton.tsx
index 68f1dc1f32..993ac8bf23 100644
--- a/gui/src/renderer/components/cell/CellButton.tsx
+++ b/gui/src/renderer/components/cell/CellButton.tsx
@@ -9,7 +9,7 @@ interface IStyledCellButtonProps extends React.HTMLAttributes<HTMLButtonElement>
containedInSection: boolean;
}
-export const StyledCellButton = styled.button({}, (props: IStyledCellButtonProps) => {
+const StyledCellButton = styled.button({}, (props: IStyledCellButtonProps) => {
const backgroundColor = props.selected
? colors.green
: props.containedInSection
@@ -47,3 +47,10 @@ export const CellButton = styled(
);
}),
)({});
+
+export const CellButtonGroup = styled.div({
+ display: 'flex',
+ flexDirection: 'column',
+ flex: 1,
+ marginBottom: '20px',
+});