Disabled zoom & fixed indentation

app/views/about.ejs

@@ -6,6 +6,7 @@
         <%= page_title %>
     </title>
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link
@@ -22,7 +23,8 @@
         <center>
             <label>Version <%= version %></label>
             <br>
-            <a href="https://github.com/Centaurus-Racing-Team/5G-telemetry" target="_blank" style="font-size: 150%;">GitHub</a>
+            <a href="https://github.com/Centaurus-Racing-Team/5G-telemetry" target="_blank"
+                style="font-size: 150%;">GitHub</a>
         </center>
         <br>
         <a href="/app"><span>&#129152; </span>Return</a>

app/views/add.ejs

@@ -6,6 +6,7 @@
         <%= page_title %>
     </title>
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link

app/views/auth.ejs

@@ -6,6 +6,7 @@
         <%= page_title %>
     </title>
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link
@@ -20,7 +21,8 @@
             style='font-family: "Ubuntu", sans-serif; font-weight: 500; font-style: normal; font-size: 200%;'>Centaurus
             Racing Team</label>
     </div>
-    <div class="main_div" style="display: flex; flex-direction: column; justify-content: space-between; font-size: 150%; margin-top: 15px; margin-bottom: 15px;">
+    <div class="main_div"
+        style="display: flex; flex-direction: column; justify-content: space-between; font-size: 150%; margin-top: 15px; margin-bottom: 15px;">
         <div style="display: flex; flex-direction: row; justify-content: space-evenly;">
             <label>CRTelemetry SQLite3</label>
             <a href="<%= protocol %>://<%= host %>/app">Enter</a>

app/views/edit.ejs

@@ -6,6 +6,7 @@
         <%= page_title %>
     </title>
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link

app/views/error.ejs

@@ -6,6 +6,7 @@
         <%= page_title %>
     </title>
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link
@@ -20,8 +21,10 @@
     <div class="control_div" style="display: flex; flex-direction: row; justify-content: space-between;">
         <label style="font-size: 200%;">CRTelemetry SQLite3</label>
         <div style="display: flex;align-items: center;">
-            <label id="upload" style="cursor: pointer; margin-left: 10px; margin-right: 10px;"><span>&#129093; </span>Upload</label>
+            <label id="upload" style="cursor: pointer; margin-left: 10px; margin-right: 10px;"><span>&#129093;
-            <label id="download" style="cursor: pointer; margin-left: 10px; margin-right: 10px;"><span>&#129095; </span>Download</label>
+                </span>Upload</label>
+            <label id="download" style="cursor: pointer; margin-left: 10px; margin-right: 10px;"><span>&#129095;
+                </span>Download</label>
             <label id="logout" style="cursor: pointer; margin-left: 10px;"><span>&#129092; </span>Logout</label>
         </div>
     </div>

app/views/index.ejs

@@ -6,6 +6,7 @@
         <%= page_title %>
     </title>
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link
@@ -21,8 +22,10 @@
         <label style="font-size: 200%;">CRTelemetry SQLite3</label>
         <div style="display: flex;align-items: center;">
             <label id="add" style="cursor: pointer; margin-right: 10px;"><span>&#43; </span>Add</label>
-            <label id="upload" style="cursor: pointer; margin-left: 10px; margin-right: 10px;"><span>&#129093; </span>Upload</label>
+            <label id="upload" style="cursor: pointer; margin-left: 10px; margin-right: 10px;"><span>&#129093;
-            <label id="download" style="cursor: pointer; margin-left: 10px; margin-right: 10px;"><span>&#129095; </span>Download</label>
+                </span>Upload</label>
+            <label id="download" style="cursor: pointer; margin-left: 10px; margin-right: 10px;"><span>&#129095;
+                </span>Download</label>
             <label id="logout" style="cursor: pointer; margin-left: 10px;"><span>&#129092; </span>Logout</label>
         </div>
     </div>

src/css/stylesheet.css

@@ -7,9 +7,12 @@ body {
     font-weight: 500;
     font-style: normal;
 
-    -webkit-user-select: none; /* Safari */
+    -webkit-user-select: none;
-    -ms-user-select: none; /* IE 10 and IE 11 */
+    /* Safari */
-    user-select: none; /* Standard syntax */
+    -ms-user-select: none;
+    /* IE 10 and IE 11 */
+    user-select: none;
+    /* Standard syntax */
 }
 
 a:visited {
@@ -27,6 +30,7 @@ a:hover {
     margin: 3px;
     padding: 5px;
     border-radius: 5px;
+    overflow: auto;
 }
 
 .main_div {
@@ -35,6 +39,7 @@ a:hover {
     margin: 3px;
     padding: 5px;
     border-radius: 5px;
+    overflow: auto;
 }
 
 .about_div {