From ad91d6a075892d6cfc3f79247c46590221123941 Mon Sep 17 00:00:00 2001
From: andriikamaldinov1 <akam@jsdaddy.io>
Date: Fri, 25 Oct 2024 15:28:19 +0300
Subject: [PATCH] feat(ref: #118): add gap

---
 src/app/cards/cards.component.html | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/app/cards/cards.component.html b/src/app/cards/cards.component.html
index 28f8fbc..de6a7a4 100644
--- a/src/app/cards/cards.component.html
+++ b/src/app/cards/cards.component.html
@@ -21,17 +21,17 @@
                 <span class="uppercase tracking-[.25em] text-span text-dark/[.45]"
                     >Source code</span
                 >
-                <div class="block mt-2.5">
+                <div class="flex flex-col mt-2.5 gap-2.5">
                     @if (card.customCodeProvider) {
                         <pre class="flex text-span">
-                  <code class="bg-white w-full h-fit pl-15px rounded-10px border-none overflow-hidden whitespace-pre-line" language="html" [highlight]="card.customCodeProvider"></code>
-                  <img height="18" width="13" [ngSrc]="'input-vector' | asset : openSourceCardsPath" class="relative right-5 self-center" alt="Input vector" />
-                </pre>
+                             <code class="bg-white w-full h-fit pl-15px rounded-10px border-none overflow-hidden whitespace-pre-line" language="html" [highlight]="card.customCodeProvider"></code>
+                             <img height="18" width="13" [ngSrc]="'input-vector' | asset : openSourceCardsPath" class="relative right-5 self-center" alt="Input vector" />
+                         </pre>
                     }
                     <pre class="flex text-span">
-                <code type="text" language="html" [highlight]="card.code" class="bg-white w-full h-fit pl-15px rounded-10px border-none overflow-hidden whitespace-pre-line"></code>
-                <img [ngSrc]="'input-vector' | asset : openSourceCardsPath" height="18" width="13"  class="relative right-5 self-center" alt="Input vector" />
-              </pre>
+                         <code type="text" language="html" [highlight]="card.code" class="bg-white w-full h-fit pl-15px rounded-10px border-none overflow-hidden whitespace-pre-line"></code>
+                         <img [ngSrc]="'input-vector' | asset : openSourceCardsPath" height="18" width="13"  class="relative right-5 self-center" alt="Input vector" />
+                    </pre>
                 </div>
             </div>
             <div class="flex-[45%] rounded-10px p-15px bg-dark">