From 838a33b4d5c8051855579f6c0c0ab887823d6d62 Mon Sep 17 00:00:00 2001
From: "alex.ita" <alexita.github@gmail.com>
Date: Sat, 6 Jan 2024 12:07:56 +0100
Subject: [PATCH] Resize fix

Fixes the resize and zoom issues.
---
 src/static/css/styles.css  | 34 ++++++++++++++++++++++++++++------
 src/views/includes/nav.ejs |  2 +-
 src/views/index.ejs        |  2 +-
 3 files changed, 30 insertions(+), 8 deletions(-)

diff --git a/src/static/css/styles.css b/src/static/css/styles.css
index 0274e70..3b3ae53 100644
--- a/src/static/css/styles.css
+++ b/src/static/css/styles.css
@@ -235,10 +235,6 @@ nav li {
 }
 
 @media screen and (max-width: 767px) {
-    .text {
-        display: none;
-    }
-
     .logo-link {
         display: flex;
         height: 100%;
@@ -262,9 +258,10 @@ nav li {
     align-items: center;
     width: 100%;
     height: calc(100vh - 80px);
-    overflow: hidden;
+    overflow: auto;
     background: linear-gradient(-45deg, rgba(22, 25, 35, 0.35) 0%, rgba(22, 25, 35, 0.95) 100%) center center/100%, url(../img/beamng-mp-landing.png) center top/cover;
     color: #fefee1;
+	min-height: 700px;
 }
 
 .main-content .introduction {
@@ -352,12 +349,37 @@ img.os-icon {
 	margin-left: 0 !important;
 }
 
+div.col-md-4.col-md-4 {
+    max-height: inherit;
+}
+
+div.col-md-8.col-md-8 {
+    max-height: inherit;
+}
+
+a.logo-img {
+    max-height: inherit;
+}
+
+div.logo-image {
+    max-height: inherit;
+}
+
+div.player-count {
+	width: max-content;
+}
+
+#button {
+	min-width: 297px;
+}
+
+/*
 @media screen and (max-width: 600px) {
     #button {
       display: none;
     }
   }
-
+*/
 /* --------- Features  ---------*/
 
 .features article.col-lg-3 {
diff --git a/src/views/includes/nav.ejs b/src/views/includes/nav.ejs
index 7104a74..a6170ff 100644
--- a/src/views/includes/nav.ejs
+++ b/src/views/includes/nav.ejs
@@ -1,5 +1,5 @@
 <div class="container">
-  <div class="row center-xs">
+  <div class="row center-xs" style="max-height: 80px;">
     <div class="col-md-4 col-sm-4">
       <a class="logo-img" href="/">
         <div class="logo-image">
diff --git a/src/views/index.ejs b/src/views/index.ejs
index dff0d5f..37fba16 100644
--- a/src/views/index.ejs
+++ b/src/views/index.ejs
@@ -66,7 +66,7 @@
                             With a smooth and enjoyable experience.
                         </div>
                         <div id="button" class="col-lg-4 col-md-4 col-sm-4 buttons-wrapper hidden-xs">
-                            <div>
+                            <div class="player-count">
                                 <h2>Players Online: <span id="ONLINE-PLAYERS"></span></h2>
                             </div>
                             <div class="buttons mt-3">