From 94e18bd8e4d676d2fb9de101beaa22f44cba2958 Mon Sep 17 00:00:00 2001
From: Christopher Chedeau <vjeuxx@gmail.com>
Date: Sun, 26 Jan 2020 02:34:15 -0800
Subject: [PATCH] Untranslated lock icon (#568)

Sorry my OCD is kicking in... It's super weird that the base of the lock moves when we check / unckeck it. Instead, just the semi-circle shape should move (what this PR implements).
---
 src/components/LockIcon.tsx  | 1 +
 src/components/ToolIcon.scss | 1 +
 2 files changed, 2 insertions(+)

diff --git a/src/components/LockIcon.tsx b/src/components/LockIcon.tsx
index 504417ae..e8db82f4 100644
--- a/src/components/LockIcon.tsx
+++ b/src/components/LockIcon.tsx
@@ -32,6 +32,7 @@ const ICONS = {
       height="1792"
       viewBox="0 0 1792 1792"
       xmlns="http://www.w3.org/2000/svg"
+      style={{ left: 2 }}
     >
       <path d="M1728 576v256q0 26-19 45t-45 19h-64q-26 0-45-19t-19-45v-256q0-106-75-181t-181-75-181 75-75 181v192h96q40 0 68 28t28 68v576q0 40-28 68t-68 28h-960q-40 0-68-28t-28-68v-576q0-40 28-68t68-28h672v-192q0-185 131.5-316.5t316.5-131.5 316.5 131.5 131.5 316.5z" />
     </svg>
diff --git a/src/components/ToolIcon.scss b/src/components/ToolIcon.scss
index 9cceba28..8e146e44 100644
--- a/src/components/ToolIcon.scss
+++ b/src/components/ToolIcon.scss
@@ -17,6 +17,7 @@
   border-radius: var(--space-factor);
 
   svg {
+    position: relative;
     height: 1em;
   }
 }