From e9e0ade1d39af8e69a277e153d85a62a6e83740c Mon Sep 17 00:00:00 2001
From: Pierre-Olivier Mercier <nemunaire@nemunai.re>
Date: Mon, 20 Oct 2025 12:18:30 +0700
Subject: [PATCH] Improve responsiveness

---
 web/src/lib/components/PendingState.svelte | 16 +++++++++-------
 web/src/routes/+layout.svelte              |  2 +-
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/web/src/lib/components/PendingState.svelte b/web/src/lib/components/PendingState.svelte
index d749280..0cdc9e5 100644
--- a/web/src/lib/components/PendingState.svelte
+++ b/web/src/lib/components/PendingState.svelte
@@ -43,12 +43,14 @@
                 <div class="d-flex align-items-center justify-content-center gap-2 text-muted">
                     <div class="spinner-border spinner-border-sm" role="status"></div>
                     {#if nextfetch}
-                        <small>Next inbox check in {nextfetch} second{#if nextfetch > 1}s{/if}...</small>
-                        {#if nbfetch > 0}
-                            <button type="button" class="btn btn-sm btn-link" onclick={forceCheck} disabled={nbfetch + Date.now() < lastForcedCheck + 10000}>
-                                <i class="bi bi-mailbox me-1"></i>Check now
-                            </button>
-                        {/if}
+                        <div>
+                            <small>Next inbox check in {nextfetch} second{#if nextfetch > 1}s{/if}...</small>
+                            {#if nbfetch > 0}
+                                <button type="button" class="btn btn-sm btn-link" onclick={forceCheck} disabled={nbfetch + Date.now() < lastForcedCheck + 10000}>
+                                    <i class="bi bi-mailbox me-1"></i>Check now
+                                </button>
+                            {/if}
+                        </div>
                     {:else}
                         <small>Checking for email every 3 seconds...</small>
                     {/if}
@@ -62,7 +64,7 @@
                 <h5 class="fw-bold mb-3">
                     <i class="bi bi-info-circle me-2"></i>What we'll check:
                 </h5>
-                <div class="row g-3">
+                <div class="row">
                     <div class="col-md-6">
                         <ul class="list-unstyled mb-0">
                             <li class="mb-2">
diff --git a/web/src/routes/+layout.svelte b/web/src/routes/+layout.svelte
index 5bef5f6..738fbca 100644
--- a/web/src/routes/+layout.svelte
+++ b/web/src/routes/+layout.svelte
@@ -19,7 +19,7 @@
                 <i class="bi bi-envelope-check me-2"></i>
                 <Logo />
             </a>
-            <span class="navbar-text text-primary small">
+            <span class="d-none d-md-inline navbar-text text-primary small">
                 Open-Source Email Deliverability Tester
             </span>
         </div>