From c51a38aa1fbda653b82642ff66b96adc134b0692 Mon Sep 17 00:00:00 2001
From: MarekWo <mwojtaszek@gmail.com>
Date: Tue, 30 Dec 2025 09:02:23 +0100
Subject: [PATCH] fix(contacts): Fix scrolling and cleanup description display
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Add CSS override to enable scrolling on Contact Management pages
  (override global overflow: hidden from style.css)
- Move cleanup description to tooltip on info icon for consistency
  with Manual approval toggle pattern
- Add flexbox layout to cleanup section h6 for proper icon alignment

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
---
 app/templates/contacts-manage.html | 10 ++++++++--
 app/templates/contacts_base.html   | 12 ++++++++++++
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/app/templates/contacts-manage.html b/app/templates/contacts-manage.html
index f110fcc..ca68633 100644
--- a/app/templates/contacts-manage.html
+++ b/app/templates/contacts-manage.html
@@ -39,8 +39,14 @@
 
     <!-- Cleanup Inactive Contacts Section -->
     <div class="cleanup-section">
-        <h6><i class="bi bi-trash"></i> Cleanup Inactive Contacts</h6>
-        <p class="small text-muted mb-3">Remove contacts that haven't sent an advertisement in a specified time period.</p>
+        <h6>
+            <i class="bi bi-trash"></i>
+            <span>Cleanup Inactive Contacts</span>
+            <i class="bi bi-info-circle info-icon"
+               data-bs-toggle="tooltip"
+               data-bs-placement="top"
+               title="Remove contacts that haven't sent an advertisement in a specified time period"></i>
+        </h6>
         <div class="mb-3">
             <label for="inactiveHours" class="form-label">Remove contacts inactive for:</label>
             <div class="input-group">
diff --git a/app/templates/contacts_base.html b/app/templates/contacts_base.html
index 64ace57..ea119ef 100644
--- a/app/templates/contacts_base.html
+++ b/app/templates/contacts_base.html
@@ -311,6 +311,18 @@
         .cleanup-section h6 {
             color: #856404;
             margin-bottom: 0.75rem;
+            display: flex;
+            align-items: center;
+            gap: 0.5rem;
+        }
+
+        /* Override global overflow: hidden from style.css for Contact Management pages */
+        html, body {
+            overflow: auto !important;
+        }
+
+        main {
+            overflow: auto !important;
         }
 
         /* Mobile responsiveness */