From 46e03dd458f5e3ee4ee53fda639a43780962a79b Mon Sep 17 00:00:00 2001
From: Dennis Meinen <bluepunk@gmail.com>
Date: Tue, 31 Jan 2023 22:55:03 +0100
Subject: Added a few quick fixes to line up the mobile layout.

---
 common/main.css | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

(limited to 'common/main.css')

diff --git a/common/main.css b/common/main.css
index 1e4a060..b43d7db 100644
--- a/common/main.css
+++ b/common/main.css
@@ -614,4 +614,23 @@ li {
 
 #raylibtech>a>img:hover {
     filter: contrast(180%);
+}
+
+@media only screen and (max-width: 600px) {
+
+    ul {
+        padding-left: 8px;
+    }
+
+    #platforms, #bindings, #extralibs, #raylibtech {
+        text-align: center;
+    }
+    .content {
+        padding: 30px 10px 0;
+    }
+
+    .architecture-image-container img {
+        width: 100%;
+    }
+
 }
\ No newline at end of file
-- 
cgit v1.2.3


From 808db0fd9841722f211fdddec5dc0785b71ba35b Mon Sep 17 00:00:00 2001
From: Dennis Meinen <bluepunk@gmail.com>
Date: Tue, 31 Jan 2023 23:16:54 +0100
Subject: Added comment and gave the Itch.io iframe a max-width of screenwidth
 - 20 pixels.

---
 common/main.css | 5 +++++
 1 file changed, 5 insertions(+)

(limited to 'common/main.css')

diff --git a/common/main.css b/common/main.css
index b43d7db..02efd72 100644
--- a/common/main.css
+++ b/common/main.css
@@ -618,6 +618,7 @@ li {
 
 @media only screen and (max-width: 600px) {
 
+    /* general layout changes for mobile */
     ul {
         padding-left: 8px;
     }
@@ -633,4 +634,8 @@ li {
         width: 100%;
     }
 
+    #itchioframe iframe {
+        max-width: calc(100vw - 20px);
+    }
+
 }
\ No newline at end of file
-- 
cgit v1.2.3


From d828ba69a92e7d858408df15b2e9bf4518a7c137 Mon Sep 17 00:00:00 2001
From: Dennis Meinen <bluepunk@gmail.com>
Date: Tue, 31 Jan 2023 23:17:17 +0100
Subject: Added a couple of changes to make the menu scrollable on mobile.

---
 common/main.css | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

(limited to 'common/main.css')

diff --git a/common/main.css b/common/main.css
index 02efd72..86be247 100644
--- a/common/main.css
+++ b/common/main.css
@@ -638,4 +638,31 @@ li {
         max-width: calc(100vw - 20px);
     }
 
+    /* fixes menu + scrolling for mobile */
+    .header {
+        display: flex;
+        width: 100vw;
+        -ms-overflow-style: none;  /* Internet Explorer 10+ */
+        scrollbar-width: none;  /* Firefox */
+    }
+    .header::-webkit-scrollbar { 
+        display: none;  /* Safari and Chrome */
+    }
+    
+    .header-container {
+        width: 100vw;
+    }
+
+    .menu {
+        width: 712px; /* this width is currently based on the websites normal menu */
+        right: unset;
+    }
+
+    #logo {
+        flex-direction: column; 
+        flex-shrink: 0;
+    }
+
+
+
 }
\ No newline at end of file
-- 
cgit v1.2.3