From eeba95f6e090f28508ecd58b7cbb4693c56a90f7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=98=99=E2=97=A6=20The=20Tablet=20=E2=9D=80=20GamerGirla?=
 =?UTF-8?q?ndCo=20=E2=97=A6=E2=9D=A7?= <i.am.the.tablet@proton.me>
Date: Sat, 22 Nov 2025 19:21:28 -0500
Subject: [PATCH] tweak styles for dashboard group list

---
 web_src/css/group.css                            | 5 ++++-
 web_src/js/components/DashboardRepoGroupItem.vue | 5 ++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/web_src/css/group.css b/web_src/css/group.css
index d0ca087280..ef66a49ead 100644
--- a/web_src/css/group.css
+++ b/web_src/css/group.css
@@ -60,7 +60,6 @@
 }
 .expandable-menu-item label > .collapse-icon {
   position: relative;
-  top: 2px;
   display: none;
 }
 
@@ -88,3 +87,7 @@ li.expandable-menu-item.item:only-child, li.expandable-menu-item.item:last-child
 ul.expandable-menu ul li.expandable-menu-item {
   margin-top: 1rem;
 }
+ul.expandable-ul {
+  padding: 0;
+  margin: 0;
+}
diff --git a/web_src/js/components/DashboardRepoGroupItem.vue b/web_src/js/components/DashboardRepoGroupItem.vue
index ee58c455eb..1da99e3b26 100644
--- a/web_src/js/components/DashboardRepoGroupItem.vue
+++ b/web_src/js/components/DashboardRepoGroupItem.vue
@@ -67,7 +67,7 @@ const active = computed(() => isGroup.value && expandedGroups.value.includes(id.
 <template>
   <li class="tw-flex tw-flex-col tw-px-0 tw-pr-0 expandable-menu-item tw-mt-0" :data-sort-id="idKey" :data-is-group="isGroup" :data-id="id">
     <label
-      class="tw-flex tw-items-center tw-py-2"
+      class="tw-flex tw-content-center tw-py-2 tw-space-x-1.5"
       :style="indentCss"
       :class="{
         'has-children': !!item.repos?.length || !!item.subgroups?.length || isGroup,
@@ -77,7 +77,7 @@ const active = computed(() => isGroup.value && expandedGroups.value.includes(id.
       <svg-icon :name="icon(item)" :size="16" class-name="repo-list-icon"/>
       <svg-icon v-if="isGroup" name="octicon-chevron-right" :size="16" class="collapse-icon"/>
       <a :href="item.link" class="repo-list-link muted tw-flex-shrink">
-        <div class="text truncate">{{ item.full_name || item.name }}</div>
+        <div class="text truncate tw-flex-shrink">{{ item.full_name || item.name }}</div>
         <div v-if="item.archived">
           <svg-icon name="octicon-archive" :size="16"/>
         </div>
@@ -100,7 +100,6 @@ const active = computed(() => isGroup.value && expandedGroups.value.includes(id.
   /* for text truncation */
   display: flex;
   align-items: center;
-  flex: 1;
   gap: 0.5rem;
 }
 </style>