From c5c41b244ee8be2fc1ca480004db091c127ee141 Mon Sep 17 00:00:00 2001
From: Benjamin Ottensten <benjamin@speckle.systems>
Date: Thu, 2 Oct 2025 16:07:10 +0200
Subject: [PATCH] Adjust presentation sidebar spacing and colors (#5617)

* Refactor: Adjust spacing in Slide and SlideList components

Co-authored-by: benjamin <benjamin@speckle.systems>

* Update Slide.vue

* Update SlideList.vue

* Change outline colors

- Use primary blue for the active slide
- Use gray on hover

---------

Co-authored-by: Cursor Agent <cursoragent@cursor.com>
---
 .../frontend-2/components/presentation/slideList/Slide.vue  | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/frontend-2/components/presentation/slideList/Slide.vue b/packages/frontend-2/components/presentation/slideList/Slide.vue
index 54e1b52cf..a9dc19e5f 100644
--- a/packages/frontend-2/components/presentation/slideList/Slide.vue
+++ b/packages/frontend-2/components/presentation/slideList/Slide.vue
@@ -1,8 +1,8 @@
 <template>
   <li class="w-full" :class="{ 'pb-0': hideTitle }">
     <button
-      class="bg-foundation-page rounded-md overflow-hidden border border-outline-3 transition-all duration-200 hover:!border-outline-4 w-full"
-      :class="[isCurrentSlide ? '!border-outline-5' : '']"
+      class="bg-foundation-page rounded-md overflow-hidden border border-outline-3 transition-all duration-200 hover:!border-outline-5 w-full"
+      :class="[isCurrentSlide ? '!border-outline-1' : '']"
       @click="onSelectSlide"
     >
       <img
@@ -12,7 +12,7 @@
       />
     </button>
 
-    <p v-if="!hideTitle" class="text-body-3xs font-medium text-foreground mt-1.5 mb-2">
+    <p v-if="!hideTitle" class="text-body-3xs font-medium text-foreground mb-2">
       <span class="font-semibold mr-1">{{ slideIndex }}.</span>
       {{ slide.name }}
     </p>