From 7e9879bbd319c993e6b572c67326965264d35524 Mon Sep 17 00:00:00 2001
From: Clete Blackwell II <361546+Clete2@users.noreply.github.com>
Date: Wed, 17 Feb 2021 14:44:27 -0500
Subject: [PATCH 1/2] Rework mobile header

Mobile header was too bulky. I made a more minimized version.
---
 assets/css/components/_app.scss | 30 ++++++++++++++++++++++--------
 1 file changed, 22 insertions(+), 8 deletions(-)

diff --git a/assets/css/components/_app.scss b/assets/css/components/_app.scss
index 28c7bc9c..d521e711 100644
--- a/assets/css/components/_app.scss
+++ b/assets/css/components/_app.scss
@@ -24,17 +24,31 @@
   }
 }
 
-@media (min-width: 940px) {
+@media (max-width: 940px) {
   .app-header {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 20rem;
-    min-height: 100vh;
+    padding: 0.5em;
+    min-height: 9rem;
+    width: 100%;
+
+    h2 {
+      font-size: large;
+    }
+
+    p {
+      clear: both;
+      text-align: left;
+    }
+  }
+
+  .app-header-avatar {
+    max-width: 8rem;
+    max-height: 8rem;
+    border-radius: 100%;
+    border: .25rem solid $primary-color;
+    float: left;
   }
 
   .app-container {
-    max-width: 65rem;
-    margin-left: 20rem;
+    padding: 0.5rem;
   }
 }

From 5b47a199b32b9e81185a2766dddc6b24d74392f9 Mon Sep 17 00:00:00 2001
From: Clete Blackwell II <361546+Clete2@users.noreply.github.com>
Date: Wed, 17 Feb 2021 14:54:19 -0500
Subject: [PATCH 2/2] Update _app.scss

Re-add media query for desktop. Accidentally removed.
---
 assets/css/components/_app.scss | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/assets/css/components/_app.scss b/assets/css/components/_app.scss
index d521e711..d3d5d76c 100644
--- a/assets/css/components/_app.scss
+++ b/assets/css/components/_app.scss
@@ -24,6 +24,21 @@
   }
 }
 
+@media (min-width: 940px) {
+  .app-header {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 20rem;
+    min-height: 100vh;
+  }
+
+  .app-container {
+    max-width: 65rem;
+    margin-left: 20rem;
+  }
+}
+
 @media (max-width: 940px) {
   .app-header {
     padding: 0.5em;