diff options
| -rw-r--r-- | gui/src/renderer/components/Modal.tsx | 2 | ||||
| -rw-r--r-- | gui/src/renderer/components/SettingsHeader.tsx | 4 | ||||
| -rw-r--r-- | gui/src/renderer/components/TooManyDevices.tsx | 2 |
3 files changed, 5 insertions, 3 deletions
diff --git a/gui/src/renderer/components/Modal.tsx b/gui/src/renderer/components/Modal.tsx index 8e0d099b5b..d9be9e767d 100644 --- a/gui/src/renderer/components/Modal.tsx +++ b/gui/src/renderer/components/Modal.tsx @@ -108,7 +108,7 @@ const ModalAlertContainer = styled.div({ flexDirection: 'column', flex: 1, justifyContent: 'center', - padding: '26px 14px 14px', + padding: '14px', }); const StyledModalAlert = styled.div({}, (props: { visible: boolean; closing: boolean }) => { diff --git a/gui/src/renderer/components/SettingsHeader.tsx b/gui/src/renderer/components/SettingsHeader.tsx index 94f36cb8b2..a929d8ba83 100644 --- a/gui/src/renderer/components/SettingsHeader.tsx +++ b/gui/src/renderer/components/SettingsHeader.tsx @@ -18,7 +18,9 @@ export const ContentWrapper = styled.div({ }, }); -export const HeaderTitle = styled.span(hugeText); +export const HeaderTitle = styled.span(hugeText, { + wordWrap: 'break-word', +}); export const HeaderSubTitle = styled.span(tinyText, { color: colors.white60, }); diff --git a/gui/src/renderer/components/TooManyDevices.tsx b/gui/src/renderer/components/TooManyDevices.tsx index 23ff399edb..954992acf3 100644 --- a/gui/src/renderer/components/TooManyDevices.tsx +++ b/gui/src/renderer/components/TooManyDevices.tsx @@ -54,7 +54,7 @@ const StyledTitle = styled.span(bigText, { const StyledLabel = styled.span({ fontFamily: 'Open Sans', - fontSize: '13px', + fontSize: '12px', fontWeight: 600, lineHeight: '20px', color: colors.white, |