From ab43472ebef2197f5a835f7f33fe8618ee92218d Mon Sep 17 00:00:00 2001
From: Tulir Asokan <tulir@maunium.net>
Date: Thu, 5 Dec 2024 21:51:29 +0200
Subject: [PATCH] web/roomlist: increase padding in room list entries

---
 web/src/index.css                | 2 ++
 web/src/ui/roomlist/RoomList.css | 5 +++--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/web/src/index.css b/web/src/index.css
index fa76316..87feb87 100644
--- a/web/src/index.css
+++ b/web/src/index.css
@@ -69,6 +69,8 @@
 	--lightbox-button-color: var(--border-color);
 	--clickable-cursor: default;
 
+	--room-list-padding: .125rem;
+
 	@media (prefers-color-scheme: dark) {
 		color-scheme: dark;
 		--background-color: #000;
diff --git a/web/src/ui/roomlist/RoomList.css b/web/src/ui/roomlist/RoomList.css
index 0fd3237..ccf4be0 100644
--- a/web/src/ui/roomlist/RoomList.css
+++ b/web/src/ui/roomlist/RoomList.css
@@ -42,11 +42,12 @@ div.room-search-wrapper {
 div.room-entry {
 	width: 100%;
 	display: flex;
-	gap: 4px;
+	gap: .25rem;
 	user-select: none;
 	cursor: var(--clickable-cursor);
 	height: 3rem;
-	contain-intrinsic-height: 3rem;
+	padding: var(--room-list-padding) 0;
+	contain-intrinsic-height: calc(3rem + var(--room-list-padding) * 2);
 	content-visibility: auto;
 	contain: strict;