From 1c41b66b7e0f498efcaf628eb97f4c8bcafbbcd6 Mon Sep 17 00:00:00 2001
From: ssyyhhrr <44934807+ssyyhhrr@users.noreply.github.com>
Date: Thu, 29 Dec 2022 13:30:09 +0000
Subject: [PATCH] Mobile Optimisation

---
 app.js              |  2 ++
 assets/css/main.css | 30 +++++++++++++++++++++++++++++-
 2 files changed, 31 insertions(+), 1 deletion(-)

diff --git a/app.js b/app.js
index 86967a9..0ad51c8 100644
--- a/app.js
+++ b/app.js
@@ -180,6 +180,8 @@ function getAge(dateString) {
 function server() {
     var app = express()
 
+    app.enable("trust proxy")
+
     app.use(express.urlencoded({ extended: true }))
     app.use(express.static("assets"))
     app.use(favicon('assets/favicon.ico'))
diff --git a/assets/css/main.css b/assets/css/main.css
index d91f490..b8dbcdf 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -210,9 +210,9 @@ input[type=text] {
     color: white;
     position: absolute;
     text-align: center;
+    bottom: 1em;
     font-family: "FormulaOne", sans-serif;
     left: 50%;
-    bottom: 1em;
     transform: translateX(-50%)
 }
 
@@ -267,6 +267,7 @@ p a:hover {
     padding: 1.6em;
     transition: all 0.5s;
     opacity: 0;
+    overflow-x: auto;
 }
 
 .shareScreen {
@@ -462,9 +463,36 @@ p a:hover {
     display: block;
     margin-left: auto;
     margin-right: auto;
+    padding-bottom: 100px;
     width: 380px;
 }
 
+::-webkit-scrollbar {
+    width: 12px;
+}
+
+::-webkit-scrollbar-track {
+    background: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+    background: #ffffff;
+    border-radius: 9999px;
+    border-style: solid;
+    border-color: transparent;
+    border-width: 0.25rem;
+    background-clip: padding-box;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    background: #ffffffd0;
+    border-radius: 9999px;
+    border-style: solid;
+    border-color: transparent;
+    border-width: 0.25rem;
+    background-clip: padding-box;
+}
+
 @keyframes shake {
     0% {
         transform: translateX(0);