From 504eabdc0f29bd8c01a8e2dd3e08ba140538e744 Mon Sep 17 00:00:00 2001
From: idonahue <donahue.ian@gmail.com>
Date: Wed, 12 Apr 2023 18:51:15 +0200
Subject: [PATCH] Update list style and highlight in player page

Improved the list style and highlight of the file list by making changes to the class properties in the player page. Modified padding, background color, and margins to create a more visually appealing and clearer display of the selected files.

Changes:
- Modified class property of the file list to set proper padding, remove default bullet points and add a right padding.
- Changed font-bold class to bg-[#3356C2] for selected file, making it more prominent and improved readability.
- Adjusted margins, padding and width for the list elements to better align and fit within the file list.
---
 .../[projectId]/player/[date]/[sessionId]/+page.svelte      | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/routes/projects/[projectId]/player/[date]/[sessionId]/+page.svelte b/src/routes/projects/[projectId]/player/[date]/[sessionId]/+page.svelte
index 5bb045d75..b6735deb7 100644
--- a/src/routes/projects/[projectId]/player/[date]/[sessionId]/+page.svelte
+++ b/src/routes/projects/[projectId]/player/[date]/[sessionId]/+page.svelte
@@ -311,7 +311,7 @@
 
 						{#if isCurrent}
 							<ul
-								class="list-disk overflow-hidden rounded-bl rounded-br bg-zinc-800 p-2"
+								class="list-disk list-none overflow-hidden rounded-bl rounded-br bg-zinc-800 py-1 pl-0 pr-2"
 								style:list-style="disc"
 							>
 								{#each session.deltas
@@ -320,8 +320,8 @@
 									.sort(lexically) as filename}
 									<li
 										class:text-zinc-100={$frame?.filepath === filename}
-										class:font-bold={$frame?.filepath === filename}
-										class="mx-5 text-zinc-500"
+										class:bg-[#3356C2]={$frame?.filepath === filename}
+										class="mx-5 ml-1 w-full list-none rounded p-1 text-zinc-500"
 										use:collapsable={{ value: filename, separator: '/' }}
 									/>
 								{/each}