From dc8482b8848fa2212f354bb5facc60c8bf796611 Mon Sep 17 00:00:00 2001
From: Raymond <101374892+raymonable@users.noreply.github.com>
Date: Mon, 31 Mar 2025 16:24:37 -0400
Subject: [PATCH] fix: mobile improvements

---
 AquaNet/public/assets/chu/aqua.css | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/AquaNet/public/assets/chu/aqua.css b/AquaNet/public/assets/chu/aqua.css
index 85969965..91d972f3 100644
--- a/AquaNet/public/assets/chu/aqua.css
+++ b/AquaNet/public/assets/chu/aqua.css
@@ -29,7 +29,7 @@ nav > *.active,
   background-position: 50% 4px;
   max-width: 528px !important;
   margin: 0 auto;
-  padding-top: 100px;
+  padding: 100px 0 0 0 !important;
   height: unset !important;
   box-shadow: -8px 0 0 0 #fdd500, -12px 0 0 0 #f9f9db, 8px 0 0 0 #fdd500,
     12px 0 0 0 #f9f9db;
@@ -142,3 +142,23 @@ body {
   background: #fdd500 !important;
   color: white;
 }
+
+@media (max-width: 1200px) {
+  #app {
+    background-position: 50% 60px !important;
+    padding-top: 150px !important;
+  }
+}
+
+@media (max-width: 1028px) {
+  #app {
+    background-size: 90%;
+  }
+  
+  .user-pfp {
+    margin-top: -36px !important;
+  }
+  .user-pfp nav {
+    top: -10px !important;
+  }
+}
\ No newline at end of file