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

@@ -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

src/components/ToolIcon.scss

@@ -151,7 +151,7 @@
     }
   }
 
-  @media (max-width: 360px) {
+  @media (max-width: 760px) {
     .ToolIcon.ToolIcon__lock {
       display: inline-block;
       position: absolute;