From d0e6d2a0e18409d2dcfcfd403c96104b727334dc Mon Sep 17 00:00:00 2001
From: nizune <9-nizune@users.noreply.gitlab.insrt.uk>
Date: Mon, 28 Jun 2021 11:36:37 +0200
Subject: [PATCH] Fix: Small changes to tooltip

---
 external/lang                                  | 2 +-
 src/components/common/Tooltip.tsx              | 9 +++++++--
 src/components/common/messaging/MessageBox.tsx | 2 +-
 src/pages/settings/panes/Panes.module.scss     | 2 +-
 4 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/external/lang b/external/lang
index 03b206f6..d2175617 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 86be55cc..c8497e40 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 a8bd6302..1141d9aa 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 307dc37f..4695af59 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;