From 525bfe4e31f0724f332f139d1d3281bef057d5f3 Mon Sep 17 00:00:00 2001
From: Ashelyn Rose <git@tempest.dev>
Date: Tue, 9 May 2023 14:09:05 -0600
Subject: mobile layout

---
 components/InfoBar/InfoBar.module.css | 13 +++++++++++++
 1 file changed, 13 insertions(+)

(limited to 'components')

diff --git a/components/InfoBar/InfoBar.module.css b/components/InfoBar/InfoBar.module.css
index 523bf42..a992bc5 100644
--- a/components/InfoBar/InfoBar.module.css
+++ b/components/InfoBar/InfoBar.module.css
@@ -5,6 +5,7 @@
   background: var(--main-background);
   height: var(--header-bar-height);
   width: var(--main-width);
+  max-width: calc(100vw - var(--text-padding));
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
@@ -60,3 +61,15 @@
 .infobar.memberProfile {
   margin-bottom: 42px;
 }
+
+@media (max-width: 600px) {
+  .infobar.memberProfile img {
+    width: 80px;
+    height: auto;
+    margin-top: -10px;
+  }
+
+  .infobar.memberProfile {
+    margin-bottom: 16px;
+  }
+}
-- 
cgit 1.4.1