From f39efcb7e0f013dbcdf7f55e5b620cc6297c09db Mon Sep 17 00:00:00 2001
From: Jack <jack@speckle.systems>
Date: Tue, 19 Aug 2025 12:34:57 +0100
Subject: [PATCH] spacing tweaks to views and view groups

---
 .../frontend-2/components/viewer/layout/SidePanel.vue  |  2 +-
 .../frontend-2/components/viewer/saved-views/Panel.vue |  2 +-
 .../components/viewer/saved-views/panel/View.vue       | 10 +++++-----
 .../viewer/saved-views/panel/views/Group.vue           |  2 +-
 .../viewer/saved-views/panel/views/group/Inner.vue     |  2 +-
 5 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/packages/frontend-2/components/viewer/layout/SidePanel.vue b/packages/frontend-2/components/viewer/layout/SidePanel.vue
index 818e31690..94c24e526 100644
--- a/packages/frontend-2/components/viewer/layout/SidePanel.vue
+++ b/packages/frontend-2/components/viewer/layout/SidePanel.vue
@@ -1,7 +1,7 @@
 <template>
   <div :class="['flex flex-col h-full', disableScrollbar ? '' : 'overflow-hidden']">
     <div
-      class="flex shrink-0 justify-between items-center border-b border-outline-3 h-10 pl-4 pr-2"
+      class="flex shrink-0 justify-between items-center border-b border-outline-3 h-10 pl-4 pr-2.5"
     >
       <div class="text-body-xs text-foreground font-medium leading-none">
         <span v-if="title" class="truncate">{{ title }}</span>
diff --git a/packages/frontend-2/components/viewer/saved-views/Panel.vue b/packages/frontend-2/components/viewer/saved-views/Panel.vue
index c5cb796ad..168991c5b 100644
--- a/packages/frontend-2/components/viewer/saved-views/Panel.vue
+++ b/packages/frontend-2/components/viewer/saved-views/Panel.vue
@@ -6,7 +6,7 @@
       </div>
     </template>
     <template #actions>
-      <div class="flex items-center">
+      <div class="flex items-center gap-0.5">
         <FormButton
           v-if="false"
           size="sm"
diff --git a/packages/frontend-2/components/viewer/saved-views/panel/View.vue b/packages/frontend-2/components/viewer/saved-views/panel/View.vue
index ab70270c3..6e53e1072 100644
--- a/packages/frontend-2/components/viewer/saved-views/panel/View.vue
+++ b/packages/frontend-2/components/viewer/saved-views/panel/View.vue
@@ -11,13 +11,13 @@
         />
         <div
           v-if="isHomeView && !isFederatedView"
-          class="absolute -top-1 -left-1 bg-orange-500 w-4 h-4 flex items-center justify-center rounded-sm"
+          class="absolute -top-1 -left-1 bg-orange-500 w-4 h-4 flex items-center justify-center rounded-[3px]"
         >
-          <Bookmark class="text-white w-3 h-3" fill="currentColor" />
+          <Bookmark class="text-white w-3 h-3" fill="currentColor" stroke-width="0" />
         </div>
       </div>
     </div>
-    <div class="flex flex-col gap-1 min-w-0 grow">
+    <div class="flex flex-col min-w-0 grow">
       <div class="text-body-2xs font-medium text-foreground truncate grow-0">
         {{ view.name }}
       </div>
@@ -25,7 +25,7 @@
         <div class="text-body-2xs text-foreground-3 truncate">
           {{ view.author?.name }}
         </div>
-        <div class="flex items-center" @click.stop>
+        <div class="flex gap-0.5 items-center" @click.stop>
           <LayoutMenu
             v-model:open="showMenu"
             :items="menuItems"
@@ -205,7 +205,7 @@ const menuItems = computed((): LayoutMenuItem<MenuItems>[][] => [
 ])
 
 const wrapperClasses = computed(() => {
-  const classParts = ['flex gap-2 p-2 w-full group rounded cursor-pointer']
+  const classParts = ['flex gap-2 p-2 pr-0.5 w-full group rounded-md cursor-pointer']
 
   if (isActive.value) {
     classParts.push('bg-highlight-2 hover:bg-highlight-3')
diff --git a/packages/frontend-2/components/viewer/saved-views/panel/views/Group.vue b/packages/frontend-2/components/viewer/saved-views/panel/views/Group.vue
index be3740595..3b72b15fd 100644
--- a/packages/frontend-2/components/viewer/saved-views/panel/views/Group.vue
+++ b/packages/frontend-2/components/viewer/saved-views/panel/views/Group.vue
@@ -51,7 +51,7 @@
   </LayoutDisclosure>
   <ViewerSavedViewsPanelViewsGroupInner
     v-else
-    class="mb-2"
+    class="mb-[1px]"
     :group="group"
     :search="search"
     :views-type="viewsType"
diff --git a/packages/frontend-2/components/viewer/saved-views/panel/views/group/Inner.vue b/packages/frontend-2/components/viewer/saved-views/panel/views/group/Inner.vue
index 769e57404..61aa2e782 100644
--- a/packages/frontend-2/components/viewer/saved-views/panel/views/group/Inner.vue
+++ b/packages/frontend-2/components/viewer/saved-views/panel/views/group/Inner.vue
@@ -7,7 +7,7 @@
       <template v-if="views.length">
         <div
           v-if="views.length"
-          class="flex flex-col gap-3 overflow-y-auto simple-scrollbar"
+          class="flex flex-col gap-[1px] overflow-y-auto simple-scrollbar"
         >
           <ViewerSavedViewsPanelView
             v-for="view in views"