From a2102923978cc66ca43f7ca3a748597b2dad8fbf Mon Sep 17 00:00:00 2001
From: patak <matias.capeletto@gmail.com>
Date: Sun, 18 Dec 2022 11:26:55 +0100
Subject: [PATCH] fix: github cards for mobile

---
 components/status/StatusPreviewGitHub.vue | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/components/status/StatusPreviewGitHub.vue b/components/status/StatusPreviewGitHub.vue
index 071c8f4b..23d09922 100644
--- a/components/status/StatusPreviewGitHub.vue
+++ b/components/status/StatusPreviewGitHub.vue
@@ -90,22 +90,22 @@ const meta = $computed(() => {
     }"
   >
     <div p4 px-6 flex flex-col justify-between h-full>
-      <div flex justify-between items-center gap-6 h-full mb-2>
+      <div flex justify-between items-center gap-4 h-full mb-2>
         <div flex flex-col gap-2>
-          <a flex gap-1 text-3xl flex-wrap :href="card.url">
+          <a flex gap-1 text-xl sm:text-3xl flex-wrap leading-none :href="card.url">
             <template v-if="meta.repo">
               <span>{{ meta.user }}</span><span text-secondary-light>/</span><span text-primary font-bold>{{ meta.repo }}</span>
             </template>
             <span v-else>{{ meta.user }}</span>
           </a>
-          <div flex flex-col>
-            <p v-if="meta.type === 'issue'" font-bold text-xl text-primary>
-              Issue #{{ meta.number }}
-            </p>
-            <p v-if="meta.type === 'pull'" font-bold text-xl text-primary>
+          <div sm:text-lg>
+            <span v-if="meta.type === 'issue'" text-secondary-light mr-2>
+              #{{ meta.number }}
+            </span>
+            <span v-if="meta.type === 'pull'" text-secondary-light mr-2>
               PR #{{ meta.number }}
-            </p>
-            <span text-secondary-light leading-tight>{{ meta.details }}</span>
+            </span>
+            <span text-secondary leading-tight>{{ meta.details }}</span>
           </div>
         </div>
         <div>