fix mobile css

src/components/Actions.tsx

@@ -286,7 +286,6 @@ export const ShapesSwitcher = ({
         );
       })}
       <div className="App-toolbar__divider" />
-      {/* TEMP HACK because dropdown doesn't work well inside mobile toolbar */}
 
       <DropdownMenu open={isExtraToolsMenuOpen}>
         <DropdownMenu.Trigger

src/components/ToolIcon.scss

@@ -165,6 +165,11 @@
       width: var(--lg-button-size);
       height: var(--lg-button-size);
 
+      @include isMobile {
+        width: 1.75rem;
+        height: 1.75rem;
+      }
+
       svg {
         width: var(--lg-icon-size);
         height: var(--lg-icon-size);

src/components/Toolbar.scss

@@ -16,6 +16,10 @@
       align-self: center;
       background-color: var(--default-border-color);
       margin: 0 0.25rem;
+
+      @include isMobile {
+        margin: 0;
+      }
     }
   }
 
@@ -34,5 +38,6 @@
     margin-top: 0.375rem;
     right: 0;
     min-width: 11.875rem;
+    z-index: 1;
   }
 }

src/css/styles.scss

@@ -615,7 +615,7 @@
 
   .App-toolbar--mobile {
     overflow: visible;
-    max-width: 90vw;
+    max-width: 98vw;
 
     .ToolIcon__keybinding {
       display: none;