fix folder styling

website/src/lib/components/explorer/Explorer.svelte

@@ -124,6 +124,7 @@
                                     path={folder}
                                     name={folderName(folder)}
                                     kind="root"
+                                    class="h-7"
                                     onOpenFolder={() =>
                                         trees && (trees.root.get('root.folder').current = true)}
                                 />
@@ -145,3 +146,18 @@
         </ScrollArea>
     </div>
 {/if}
+
+<style lang="postcss">
+    @reference "../../../app.css";
+
+    /* a selected file, and a selected folder with its chevron: the whole row of its node */
+    [data-explorer] :global([data-kind='file'][aria-selected='true']),
+    [data-explorer] :global([data-slot='button']:has([aria-selected='true'])) {
+        @apply bg-accent;
+    }
+
+    /* the folder where what is dragged would go */
+    [data-explorer] :global([data-slot='button']:has([data-drop-target])) {
+        @apply ring-1 ring-primary bg-accent/60;
+    }
+</style>

website/src/lib/components/explorer/ExplorerRow.svelte

@@ -252,9 +252,8 @@
             data-kind={kind}
             title={path}
             draggable={kind !== 'root' && !editing}
-            class="flex flex-row items-center gap-1.5 min-w-0 rounded-md {selected
-                ? 'bg-accent'
-                : ''} {target ? 'ring-1 ring-primary bg-accent/60' : ''} {className}"
+            data-drop-target={target || undefined}
+            class="flex flex-row items-center gap-1.5 min-w-0 rounded-md {className}"
             {style}
             {onclick}
             {ondblclick}

website/src/lib/components/explorer/ExplorerTree.svelte

@@ -136,6 +136,7 @@
                     path={entry.path}
                     name={entry.name}
                     kind="folder"
+                    class="h-7"
                     onOpenFolder={() => nodes[entry.path]?.openNode()}
                 />
             {/snippet}