From bc5e8e1dcec4966cfde46b15357c2592be977fbc Mon Sep 17 00:00:00 2001
From: Tyler Murphy <tylermurphy534@gmail.com>
Date: Tue, 31 Jan 2023 08:47:18 -0500
Subject: [PATCH] mobile css

---
 public/css/login.css   | 4 ++++
 public/css/main.css    | 6 ++++--
 public/css/profile.css | 8 ++++++++
 3 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/public/css/login.css b/public/css/login.css
index 82fede5..9568be3 100644
--- a/public/css/login.css
+++ b/public/css/login.css
@@ -44,4 +44,8 @@
       flex-direction: column;
       align-items: center;
     }
+
+    .show {
+        margin-bottom: 2em;
+    }
 }
\ No newline at end of file
diff --git a/public/css/main.css b/public/css/main.css
index 5df2642..e15ffa6 100644
--- a/public/css/main.css
+++ b/public/css/main.css
@@ -16,8 +16,8 @@ body {
 
 body {
     background-color: var(--primary);
-    width: 100vw;
-    height: 100vh;
+    width: 100%;
+    height: 100%;
     margin: 0;
     padding: 0;
     display: flex;
@@ -236,6 +236,7 @@ input:focus {
     margin-bottom: 10px;
     margin-top: 10px;
     z-index: 2;
+    max-width: 100%;
 }
 
 .fullline {
@@ -244,6 +245,7 @@ input:focus {
     margin-bottom: 10px;
     margin-top: 10px;
     z-index: 2;
+    max-width: 100%;
 }
 
 footer {
diff --git a/public/css/profile.css b/public/css/profile.css
index fa3cd07..62ce1d2 100644
--- a/public/css/profile.css
+++ b/public/css/profile.css
@@ -1,5 +1,6 @@
 body {
     background-color: var(--secondary);
+    max-width: 100%;
 }
 
 .spacer {
@@ -25,6 +26,7 @@ body {
 
 #banner div, #banner img {
     width: 80em;
+    max-width: 100%;
     height: inherit;
     background-color: var(--hover);
     border-radius: 0px 0px 20px 20px;
@@ -32,6 +34,7 @@ body {
 
 #info {
     width: 80em;
+    max-width: 100%;
     display: flex;
     flex-direction: row;
 }
@@ -65,6 +68,7 @@ body {
 
 .profilebuttons {
     width: 80em;
+    max-width: 100%;
     height: 3em;
     display: flex;
     align-items: center;
@@ -102,6 +106,7 @@ body {
 }
 
 #posts {
+    max-width: 100%;
     margin-top: 2em;
 }
 
@@ -109,6 +114,7 @@ body {
     border-right: 2px solid var(--mild);
     padding: 10px;
     padding-right: 3em;
+    max-width: 100%;
 }
 
 #about .data {
@@ -117,6 +123,7 @@ body {
     padding: 10px;
     padding-left: 20px;
     padding-top: 15px;
+    max-width: 100%;
 }
 
 #about .data span {
@@ -126,6 +133,7 @@ body {
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
+    max-width: 100%;
 }
 
 .logout {