From 4bbadfb93003d12289e9165c612c7f05c8df4bdf Mon Sep 17 00:00:00 2001 From: Griffin Smith Date: Sun, 26 Dec 2021 12:02:42 -0500 Subject: 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 Autosubmit: grfn 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(-) (limited to 'users/grfn/bbbg') diff --git a/users/grfn/bbbg/src/bbbg/handlers/events.clj b/users/grfn/bbbg/src/bbbg/handlers/events.clj index ff34d7f9e604..30bbf414a456 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 50d554c02a70..50c9115a6d65 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" -- cgit 1.4.1