From 4bbadfb93003d12289e9165c612c7f05c8df4bdf Mon Sep 17 00:00:00 2001
From: Griffin Smith <grfn@gws.fyi>
Date: Sun, 26 Dec 2021 12:02:42 -0500
Subject: [PATCH] fix(grfn/bbbg): Add margins to flash messages on mobile

Change-Id: I5e33ba65ef4b6c55485fa4fb895bd6e7b3f24f1f
Reviewed-on: https://cl.tvl.fyi/c/depot/+/4668
Reviewed-by: grfn <grfn@gws.fyi>
Autosubmit: grfn <grfn@gws.fyi>
Tested-by: BuildkiteCI
---
 users/grfn/bbbg/src/bbbg/handlers/events.clj |  2 ++
 users/grfn/bbbg/src/bbbg/styles.clj          | 11 +++++++++--
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/users/grfn/bbbg/src/bbbg/handlers/events.clj b/users/grfn/bbbg/src/bbbg/handlers/events.clj
index ff34d7f9e..30bbf414a 100644
--- a/users/grfn/bbbg/src/bbbg/handlers/events.clj
+++ b/users/grfn/bbbg/src/bbbg/handlers/events.clj
@@ -100,6 +100,8 @@
   ([] (event-form {}))
   ([event]
    [:div.page
+    [:div.page-header
+     [:h1 "Create New Event"]]
     [:form {:method "POST"
             :action "/events"
             :enctype "multipart/form-data"}
diff --git a/users/grfn/bbbg/src/bbbg/styles.clj b/users/grfn/bbbg/src/bbbg/styles.clj
index 50d554c02..50c9115a6 100644
--- a/users/grfn/bbbg/src/bbbg/styles.clj
+++ b/users/grfn/bbbg/src/bbbg/styles.clj
@@ -210,8 +210,15 @@
 
 (defstyles flash
   [:.flash-messages
-   {:width "800px"
-    :margin "1rem auto"}]
+   {:max-width "800px"
+    :margin "1rem auto"}
+
+   (at-media
+    {:screen true
+     :max-width "800px"}
+    [:&
+     {:margin-left "1rem"
+      :margin-right "1rem"}])]
 
   [:.flash-message
    {:padding "1rem 1.5rem"