From be8d93e946e27386130a445a5d26248350e292b4 Mon Sep 17 00:00:00 2001
From: Badri Sunderarajan <badrihippo@disroot.org>
Date: Sun, 24 Mar 2024 23:12:50 +0530
Subject: [PATCH] Style tweak: make all but selected list icons rounded

In our case, "list icons" usually means "avatars" so think
"rounded avatars, except the currently selected one which remains
square". This makes things look a bit more polished, but still
allow you to properly see the full avatar when you actually need
to.
---
 src/components/ListItem.svelte | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/components/ListItem.svelte b/src/components/ListItem.svelte
index aa283d7..283525f 100644
--- a/src/components/ListItem.svelte
+++ b/src/components/ListItem.svelte
@@ -88,4 +88,13 @@
 .list-item-indicator__subtext::first-letter {
   text-transform: none;
 }
+
+/* Make all but the selected icon rounded */
+.list-item-icon__icon {
+  border-radius: 0.6rem;
+}
+
+.list-item-icon:focus .list-item-icon__icon {
+  border-radius: 0;
+}
 </style>