адаптация под смартфоны

mirzaev/site/rules/system/public/css/main.css

@@ -186,3 +186,9 @@ main>ol>li::marker {
 footer {
   z-index    : 3000;
 }
+
+@media (max-width: 800px) {
+  body {
+    padding-bottom: unset;
+  }
+}

mirzaev/site/rules/system/public/css/popup.css

@@ -3,8 +3,8 @@ section.popup {
   left: 0;
   top: 0;
   position: fixed;
-  width: 100vw;
-  height: 100vh;
+  width: 100%;
+  height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;

mirzaev/site/rules/system/views/head.html

@@ -4,7 +4,10 @@
 
 {% block meta %}
 <meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+<meta name="viewport" content="width=800px">
+<meta name="HandheldFriendly" content="true">
+<meta name="MobileOptimized" content="width">
+<meta content='yes' name='apple-mobile-web-app-capable'/>
 {% for meta in head.metas %}
 <meta {% for name, value in meta.attributes %}{{name}}="{{value}}" {% endfor %}>
 {% endfor %}

mirzaev/site/rules/system/views/popups/rules.html

@@ -14,7 +14,7 @@
     </ol>
     <div class="row separated">
       <button
-        onclick="troller.instasamka.play(Math.round(Math.random() * 10)); troller.what.play(); this.parentElement.parentElement.parentElement.remove();">Прочитал</button>
+        onclick="troller.instasamka.play(Math.round(Math.random() * 10)); this.parentElement.parentElement.parentElement.remove();">Прочитал</button>
       <button onclick="troller.what.play(); alert('ты идиот?'); this.disabled = true">Не прочитал</button>
     </div>
   </div>