From 320e8e75896d6ae9dfe7b79d0ab19f999fd8111d Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim <sebin.nyshkim@icloud.com>
Date: Fri, 28 Jan 2022 23:50:06 +0100
Subject: [PATCH] feat: improve responsive styles

---
 src/components/Prose.vue | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/components/Prose.vue b/src/components/Prose.vue
index 71264b5..b2ab164 100644
--- a/src/components/Prose.vue
+++ b/src/components/Prose.vue
@@ -8,19 +8,17 @@
 @import "@/scss/_mixins.scss";
 
 .prose {
-  padding: 0 env(safe-area-inset-right) 0 env(safe-area-inset-left);
+  padding: 0 max(1em, env(safe-area-inset-right)) 0
+    max(1em, env(safe-area-inset-left));
 
   h1,
   h2,
   h3,
   p,
+  ul,
+  blockquote,
   .quickfacts,
   .btn-group {
-    margin: {
-      left: 1rem;
-      right: 1rem;
-    }
-
     @include mq-desktop {
       max-width: 45rem;
       margin: {