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;