From 12ea3fb1ce2b37d259efbedeae248a7434b1fc39 Mon Sep 17 00:00:00 2001
From: ItzNotABug <itznotabug@gmail.com>
Date: Tue, 24 Sep 2024 17:15:31 +0530
Subject: [PATCH] address comments.

---
 src/lib/components/bottomModalAlert.svelte | 36 +++++++++++-----------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/src/lib/components/bottomModalAlert.svelte b/src/lib/components/bottomModalAlert.svelte
index dbfff93ed..0eb797cc9 100644
--- a/src/lib/components/bottomModalAlert.svelte
+++ b/src/lib/components/bottomModalAlert.svelte
@@ -116,7 +116,7 @@
                             </div>
                         {/if}
 
-                        <div class="u-flex-vertical u-gap-8 u-padding-inline-8">
+                        <div class="u-flex-vertical u-gap-4 u-padding-inline-8">
                             <h3 class="body-text-2 u-bold">{currentModalAlert.title}</h3>
 
                             <span class="u-width-fit-content">
@@ -164,6 +164,21 @@
             <div class="alert-container">
                 <article class="card">
                     {#key currentModalAlert.id}
+                        <button class="icon-inline-tag" on:click={() => handleClose()}>
+                            <svg
+                                xmlns="http://www.w3.org/2000/svg"
+                                width="20"
+                                height="20"
+                                viewBox="0 0 20 20"
+                                fill="none">
+                                <path
+                                    fill-rule="evenodd"
+                                    clip-rule="evenodd"
+                                    d="M4.29289 4.29289C4.68342 3.90237 5.31658 3.90237 5.70711 4.29289L10 8.58579L14.2929 4.29289C14.6834 3.90237 15.3166 3.90237 15.7071 4.29289C16.0976 4.68342 16.0976 5.31658 15.7071 5.70711L11.4142 10L15.7071 14.2929C16.0976 14.6834 16.0976 15.3166 15.7071 15.7071C15.3166 16.0976 14.6834 16.0976 14.2929 15.7071L10 11.4142L5.70711 15.7071C5.31658 16.0976 4.68342 16.0976 4.29289 15.7071C3.90237 15.3166 3.90237 14.6834 4.29289 14.2929L8.58579 10L4.29289 5.70711C3.90237 5.31658 3.90237 4.68342 4.29289 4.29289Z"
+                                    fill="#97979B" />
+                            </svg>
+                        </button>
+
                         <div class="content-wrapper u-flex-vertical u-gap-16">
                             {#if $app.themeInUse === 'dark'}
                                 <img
@@ -177,23 +192,6 @@
                                     class="showcase-image u-image-object-fit-contain u-block u-only-light" />
                             {/if}
 
-                            <div>
-                                <button class="icon-inline-tag" on:click={() => handleClose()}>
-                                    <svg
-                                        xmlns="http://www.w3.org/2000/svg"
-                                        width="20"
-                                        height="20"
-                                        viewBox="0 0 20 20"
-                                        fill="none">
-                                        <path
-                                            fill-rule="evenodd"
-                                            clip-rule="evenodd"
-                                            d="M4.29289 4.29289C4.68342 3.90237 5.31658 3.90237 5.70711 4.29289L10 8.58579L14.2929 4.29289C14.6834 3.90237 15.3166 3.90237 15.7071 4.29289C16.0976 4.68342 16.0976 5.31658 15.7071 5.70711L11.4142 10L15.7071 14.2929C16.0976 14.6834 16.0976 15.3166 15.7071 15.7071C15.3166 16.0976 14.6834 16.0976 14.2929 15.7071L10 11.4142L5.70711 15.7071C5.31658 16.0976 4.68342 16.0976 4.29289 15.7071C3.90237 15.3166 3.90237 14.6834 4.29289 14.2929L8.58579 10L4.29289 5.70711C3.90237 5.31658 3.90237 4.68342 4.29289 4.29289Z"
-                                            fill="#97979B" />
-                                    </svg>
-                                </button>
-                            </div>
-
                             {#if filteredModalAlerts.length > 1}
                                 <div class="u-flex u-main-space-between u-cross-baseline">
                                     <span class="inline-tag feature-count-tag">
@@ -304,6 +302,8 @@
     }
 
     .feature-count-tag {
+        font-size: 12px;
+        font-weight: 400;
         width: fit-content;
         margin-inline-start: 0.5rem;
     }