From d8070d2bf41b43e59060d5dc429024dd83592dd5 Mon Sep 17 00:00:00 2001
From: MarekWo <mwojtaszek@gmail.com>
Date: Tue, 30 Dec 2025 12:10:19 +0100
Subject: [PATCH] fix(contacts): Fix CSS specificity conflict limiting list
 height
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Problem: #existingList ID selector had higher specificity than
.contacts-list-fullscreen class, and max-height values were limiting
the list height regardless of the class height setting.

Changes:
- Desktop: #existingList max-height calc(100vh - 400px) → calc(100vh - 240px)
- Mobile: #existingList max-height calc(100vh - 450px) → calc(100vh - 280px)

This should now properly utilize available screen space.
---
 app/templates/contacts_base.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/templates/contacts_base.html b/app/templates/contacts_base.html
index 1e1561d..26ff784 100644
--- a/app/templates/contacts_base.html
+++ b/app/templates/contacts_base.html
@@ -182,7 +182,7 @@
             overflow-y: auto;
             overflow-x: hidden;
             -webkit-overflow-scrolling: touch;
-            max-height: calc(100vh - 400px);
+            max-height: calc(100vh - 240px);
             min-height: 300px;
         }
 
@@ -328,7 +328,7 @@
         /* Mobile responsiveness */
         @media (max-width: 768px) {
             #existingList {
-                max-height: calc(100vh - 450px);
+                max-height: calc(100vh - 280px);
             }
 
             .contacts-list-fullscreen {