From 99cd543ec87c7d96fe4462fd74b67f1495726c34 Mon Sep 17 00:00:00 2001
From: brooke <brooke@myco.systems>
Date: Mon, 11 Nov 2024 15:34:23 -0500
Subject: [PATCH] update mobile optimizations and increase max width

---
 public/index.html |  4 ++--
 public/style.css  | 14 +++++++++++---
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/public/index.html b/public/index.html
index 0845ae3..4ec451b 100755
--- a/public/index.html
+++ b/public/index.html
@@ -116,9 +116,9 @@
               </li>
             </ul>
           </ul>
-          <ul class="custom-bullet">
+          <ul class="links">
             <p>Projects</p>
-            <ul>
+            <ul class="custom-bullet">
               <li>
                 <a href="https://mirnet.org" target="_blank">Movement Infrastructure Research<svg class="text-icon" viewBox="0 0 512 512">
               <path
diff --git a/public/style.css b/public/style.css
index 3c9984f..08bbeac 100755
--- a/public/style.css
+++ b/public/style.css
@@ -56,6 +56,14 @@ body,
     top: 50%;
     transform: translate(50%, -50%);
   }
+
+  .links {
+    padding: 0;
+  }
+
+  .dashboard {
+    flex-direction: column !important;
+  }
 }
 
 .center-text {
@@ -67,15 +75,15 @@ body,
   text-align: left;
   z-index: 10;
   background-color: #241917;
-  max-width: 30rem;
+  max-width: 35rem;
   top: 30%;
   left: 15%;
 }
 
 @media only screen and (max-width: 625px) {
   .center-text {
-    left: 15px;
-    right: 15px;
+    left: 2px;
+    right: 2px;
     margin-left: 0;
     margin-top: 0;
     max-width: 100vw;