Merge pull request #3 from PyBotDevs/web-mobile-optimization

notsniped · web-flow · commit c80d7102c55b · 2023-05-17T16:43:32.000+05:30
Add website optimization for mobile devices
diff --git a/index.html b/index.html
@@ -4,6 +4,7 @@
         <title>YAToDB</title>
         <link rel="stylesheet" type="text/css" href="style.css">
         <meta name="google-site-verification" content="XZkW-V7oXCX9xn2qjc_vhfG2vmwCve-98gJ0_73eLzs" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
     </head>
     <noscript>This app requires JavaScript to function. Please enable it in your browser settings.</noscript>
     <body>
diff --git a/style.css b/style.css
@@ -1,5 +1,8 @@
 /* Imports */
-@import url('https://fonts.googleapis.com/css2?family=Darumadrop+One&family=Josefin+Sans&family=Poppins&family=Roboto+Mono:wght@300&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Darumadrop+One&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP&display=swap');
 
 /* General */
@@ -39,6 +42,10 @@ button:active {
     width: 100%;
     padding: 20px;
     font-size: 17px;
+    z-index: 10;
+    overflow-x: auto;
+    overflow-y: hidden;
+    white-space: nowrap;
 }
 #top-nav-bar label {
     margin: 16px;
