From fb02329c11d97c026efa34f8dc5b4f9caf1ab0c9 Mon Sep 17 00:00:00 2001
From: Faustino Kialungila <Faustino.kialungila@gmail.com>
Date: Sun, 6 Dec 2020 12:40:11 +0100
Subject: [PATCH] show lockicon on a second row on mobile (#2462)

* show lockicon on a second row

* fix darkMode toggle acting as a lock icon

Co-authored-by: dwelle <luzar.david@gmail.com>
---
 src/components/DarkModeToggle.tsx | 2 +-
 src/components/ToolIcon.scss      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/DarkModeToggle.tsx b/src/components/DarkModeToggle.tsx
index d0abc0f618..13495bf9d7 100644
--- a/src/components/DarkModeToggle.tsx
+++ b/src/components/DarkModeToggle.tsx
@@ -13,7 +13,7 @@ export const DarkModeToggle = (props: {
 }) => {
   return (
     <label
-      className={`ToolIcon ToolIcon__lock ToolIcon_type_floating ToolIcon_size_M`}
+      className={`ToolIcon ToolIcon_type_floating ToolIcon_size_M`}
       title={t("buttons.toggleDarkMode")}
     >
       <input
diff --git a/src/components/ToolIcon.scss b/src/components/ToolIcon.scss
index 76564fe8d7..7bdf4fe7c1 100644
--- a/src/components/ToolIcon.scss
+++ b/src/components/ToolIcon.scss
@@ -151,7 +151,7 @@
     }
   }
 
-  @media (max-width: 360px) {
+  @media (max-width: 760px) {
     .ToolIcon.ToolIcon__lock {
       display: inline-block;
       position: absolute;