frontalex
diff --git a/‎docs/assets/index-BVydfPPx.css
Lines changed: 0 additions & 1 deletion b/‎docs/assets/index-BVydfPPx.css
Lines changed: 0 additions & 1 deletion
diff --git a/‎docs/assets/index-DH0ayYGO.js renamed to ‎docs/assets/index-CwLOejWY.js
Lines changed: 1 addition & 1 deletion b/‎docs/assets/index-DH0ayYGO.js renamed to ‎docs/assets/index-CwLOejWY.js
Lines changed: 1 addition & 1 deletion
diff --git a/‎docs/assets/index-Dcbw9zNv.css
Lines changed: 1 addition & 0 deletions b/‎docs/assets/index-Dcbw9zNv.css
Lines changed: 1 addition & 0 deletions
diff --git a/‎docs/index.html
Lines changed: 2 additions & 2 deletions b/‎docs/index.html
Lines changed: 2 additions & 2 deletions
diff --git a/‎src/App.css
Lines changed: 19 additions & 11 deletions b/‎src/App.css
Lines changed: 19 additions & 11 deletions
diff --git a/‎src/CursorBurn.tsx
Lines changed: 1 addition & 0 deletions b/‎src/CursorBurn.tsx
Lines changed: 1 addition & 0 deletions
@@ -4,8 +4,8 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Cursor Burn</title>
-    <script type="module" crossorigin src="/cursorburn/assets/index-DH0ayYGO.js"></script>
-    <link rel="stylesheet" crossorigin href="/cursorburn/assets/index-BVydfPPx.css">
+    <script type="module" crossorigin src="/cursorburn/assets/index-CwLOejWY.js"></script>
+    <link rel="stylesheet" crossorigin href="/cursorburn/assets/index-Dcbw9zNv.css">
   </head>
   <body>
     <div id="root"></div>
 
@@ -42,6 +42,8 @@
   text-transform: uppercase;
   letter-spacing: 1px;
   user-select: none;
+  touch-action: manipulation;
+  min-height: 36px;
 }
 
 .button:hover {
@@ -105,14 +107,14 @@
 
 @media screen and (max-width: 768px) {
   .button {
-    padding: 6px 10px;
+    padding: 8px 12px;
     font-size: 12px;
   }
 
   .buttonsContainer {
     bottom: 20px;
     padding: 10px;
-    gap: 5px;
+    gap: 8px;
   }
 
   .toggleButton, .githubLink {
@@ -131,17 +133,16 @@
   }
 }
 
-@media screen and (max-height: 600px) {
-  .buttonsContainer {
-    bottom: 10px;
-    padding: 5px;
-  }
-}
-
 @media screen and (max-width: 480px) {
   .button {
-    padding: 4px 8px;
-    font-size: 10px;
+    padding: 6px 10px;
+    font-size: 11px;
+  }
+
+  .buttonsContainer {
+    gap: 6px;
+    padding: 8px;
+    bottom: 15px;
   }
 
   .toggleButton, .githubLink {
@@ -159,3 +160,10 @@
     height: 6px;
   }
 }
+
+@media screen and (max-height: 600px) {
+  .buttonsContainer {
+    bottom: 10px;
+    padding: 5px;
+  }
+}
@@ -59,6 +59,7 @@ const styles = {
     height: '100%',
     position: 'relative' as const,
     overflow: 'hidden',
+    pointerEvents: 'none' as const, // Пропускаем все события мыши
   },
   canvas: {
     cursor: 'none',