From 18a3361768f982ce81daf0ebd46f74a8465ff5d8 Mon Sep 17 00:00:00 2001
From: Sam Carlton <sam@sam.lc>
Date: Sun, 24 Apr 2022 14:47:37 -0500
Subject: [PATCH] Make carbon mobile responsive

---
 assets/css/carbon.css | 28 ++++++++++++++++++++--------
 1 file changed, 20 insertions(+), 8 deletions(-)

diff --git a/assets/css/carbon.css b/assets/css/carbon.css
index fef36e2..95715c4 100644
--- a/assets/css/carbon.css
+++ b/assets/css/carbon.css
@@ -60,10 +60,6 @@
     font-size: 0.5rem;
 }
 
-.carbon-inline-wide {
-    height: 90px;
-}
-
 .carbon-inline-wide #carbonads {
     @apply relative;
 
@@ -91,9 +87,14 @@
     }
 
 .carbon-inline-wide .carbon-text {
-    @apply w-full;
+    @apply flex;
+    @apply items-center;
 
-    @apply p-3;
+    @apply w-full;
+    @apply h-full;
+
+    @apply px-3;
+    @apply py-6;
 }
 
 .carbon-inline-wide .carbon-poweredby {
@@ -101,8 +102,19 @@
     @apply bottom-0;
     @apply right-0;
 
-    @apply border;
+    @apply border-t;
+    @apply border-l;
     @apply rounded-tl;
 
-    @apply p-1;
+    @apply px-1;
+}
+
+@media only screen and (min-width: 480px) {
+    .carbon-inline-wide {
+        height: 90px;
+    }
+
+    .carbon-inline-wide .carbon-text {
+        @apply py-3;
+    }
 }