From 7ce2d111be36f5e3ffb70a0bba5e6c98874bf0c9 Mon Sep 17 00:00:00 2001
From: Kostas Drakontidis <kdrakontidis@uth.gr>
Date: Sun, 18 May 2025 20:48:26 +0300
Subject: [PATCH] Disabled zoom & fixed indentation

---
 app/views/about.ejs    |  4 +++-
 app/views/add.ejs      |  1 +
 app/views/auth.ejs     |  4 +++-
 app/views/edit.ejs     |  1 +
 app/views/error.ejs    |  7 +++++--
 app/views/index.ejs    |  7 +++++--
 src/css/stylesheet.css | 15 ++++++++++-----
 src/javascript/add.js  |  4 ++--
 8 files changed, 30 insertions(+), 13 deletions(-)

diff --git a/app/views/about.ejs b/app/views/about.ejs
index a6118ce..09a46ae 100644
--- a/app/views/about.ejs
+++ b/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>
diff --git a/app/views/add.ejs b/app/views/add.ejs
index f008847..a94fe8f 100644
--- a/app/views/add.ejs
+++ b/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
diff --git a/app/views/auth.ejs b/app/views/auth.ejs
index cfec916..b5455be 100644
--- a/app/views/auth.ejs
+++ b/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>
diff --git a/app/views/edit.ejs b/app/views/edit.ejs
index 68c8e71..751021e 100644
--- a/app/views/edit.ejs
+++ b/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
diff --git a/app/views/error.ejs b/app/views/error.ejs
index 3f35a0b..5577e3d 100644
--- a/app/views/error.ejs
+++ b/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="download" style="cursor: pointer; margin-left: 10px; margin-right: 10px;"><span>&#129095; </span>Download</label>
+            <label id="upload" style="cursor: pointer; margin-left: 10px; margin-right: 10px;"><span>&#129093;
+                </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>
diff --git a/app/views/index.ejs b/app/views/index.ejs
index 62a7f6f..2ada1a6 100644
--- a/app/views/index.ejs
+++ b/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="download" style="cursor: pointer; margin-left: 10px; margin-right: 10px;"><span>&#129095; </span>Download</label>
+            <label id="upload" style="cursor: pointer; margin-left: 10px; margin-right: 10px;"><span>&#129093;
+                </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>
diff --git a/src/css/stylesheet.css b/src/css/stylesheet.css
index 74c4861..6d06357 100644
--- a/src/css/stylesheet.css
+++ b/src/css/stylesheet.css
@@ -2,14 +2,17 @@ body {
     display: flex;
     flex-direction: column;
     background-color: #121212;
-    
+
     font-family: "Ubuntu", sans-serif;
     font-weight: 500;
-    font-style: normal; 
+    font-style: normal;
 
-    -webkit-user-select: none; /* Safari */
-    -ms-user-select: none; /* IE 10 and IE 11 */
-    user-select: none; /* Standard syntax */
+    -webkit-user-select: none;
+    /* Safari */
+    -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 {
diff --git a/src/javascript/add.js b/src/javascript/add.js
index 7573be2..d3468c4 100644
--- a/src/javascript/add.js
+++ b/src/javascript/add.js
@@ -17,11 +17,11 @@ commit.onmousedown = async function () {
 commit.ondblclick = async function () {
     if (sql_row[1].cells[0].firstChild.value) {
         let req_body = {};
-        
+
         for (let i = 1; i < sql_row[1].cells.length; i++) {
             req_body[sql_row[0].cells[i].firstChild.textContent] = sql_row[1].cells[i].firstChild[sql_row[1].cells[i].firstChild.selectedIndex].text;
         }
-        
+
         try {
             const response = await fetch(`/app/add?element=${sql_row[1].cells[0].firstChild.value}`, {
                 method: "POST",