diff --git a/templates/admin.html b/templates/admin.html
index 7a011cf..a760cb9 100644
--- a/templates/admin.html
+++ b/templates/admin.html
@@ -2,6 +2,7 @@
 <html>
 <head>
   <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>Panel admina — kolejka</title>
   <style>
     body{font-family:Helvetica,Arial;margin:20px}
@@ -16,6 +17,8 @@
     @media (max-width:700px){
       .grid{flex-direction:column}
       .num-label{width:60px}
+      .col{width:100%; box-sizing:border-box}
+      body{font-size:16px}
     }
   </style>
 </head>
diff --git a/templates/index.html b/templates/index.html
index d840c68..437e0a0 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -2,10 +2,15 @@
 <html>
 <head>
   <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>Wywoływane numery</title>
   <style>
     body{font-family:Helvetica,Arial;margin:30px;text-align:center}
     .num{display:inline-block;margin:10px;padding:20px 30px;font-size:72px;font-weight:700;border:2px solid #333;border-radius:8px}
+    @media (max-width:700px){
+      body{font-size:16px} 
+    }
+
   </style>
   <script>
     async function fetchCurrent(){
