diff --git a/external/lang b/external/lang index 03b206f608b071eb26a099657d9619d32f2bb264..d217561756c7f397f177e43911c247497107c515 160000 --- a/external/lang +++ b/external/lang @@ -1 +1 @@ -Subproject commit 03b206f608b071eb26a099657d9619d32f2bb264 +Subproject commit d217561756c7f397f177e43911c247497107c515 diff --git a/src/components/common/Tooltip.tsx b/src/components/common/Tooltip.tsx index 86be55cc062a28ce1e56b156a52c21178ed1caeb..c8497e4096a46ae6dc7c871257b2b9e12cb72096 100644 --- a/src/components/common/Tooltip.tsx +++ b/src/components/common/Tooltip.tsx @@ -24,7 +24,12 @@ const PermissionTooltipBase = styled.div` display: flex; align-items: center; flex-direction: column; - + span { + font-weight: 700; + text-transform: uppercase; + color: var(--secondary-foreground); + font-size: 11px; + } code { font-family: 'Fira Mono'; } @@ -35,7 +40,7 @@ export function PermissionTooltip(props: Omit<Props, 'content'> & { permission: return ( <Tooltip content={<PermissionTooltipBase> - <Text id="app.permissions.required" /> + <span><Text id="app.permissions.required" /></span> <code>{ permission }</code> </PermissionTooltipBase>} {...tooltipProps} /> ) diff --git a/src/components/common/messaging/MessageBox.tsx b/src/components/common/messaging/MessageBox.tsx index a8bd63027c5468386df308e32f6fe5d68a11069f..1141d9aa18e356a0b75790abdd6afef0db6cbc47 100644 --- a/src/components/common/messaging/MessageBox.tsx +++ b/src/components/common/messaging/MessageBox.tsx @@ -64,7 +64,7 @@ const Blocked = styled.div` svg { flex-shrink: 0; - margin-right: 8px; + margin-inline-end: 8px; } `; diff --git a/src/pages/settings/panes/Panes.module.scss b/src/pages/settings/panes/Panes.module.scss index 307dc37fb318ac9b48296ae12e01f5e49610bbd4..4695af59e7d12ad07838bd4cb25e25811cbb3d49 100644 --- a/src/pages/settings/panes/Panes.module.scss +++ b/src/pages/settings/panes/Panes.module.scss @@ -231,7 +231,7 @@ flex-shrink: 0; border-radius: 4px; overflow: hidden; - margin-right: 4px; + margin-inline-end: 4px; //TOFIX - Looks wonky on Chromium border: 1px solid black;