From 9e1b985795415bf68859d10100ecceb9020b7657 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marek=20D=C4=9Bdi=C4=8D?= <developer@dedic.eu>
Date: Wed, 27 Dec 2023 12:34:02 +0100
Subject: [PATCH] Replaced clickable span for button

---
 src/frontend/FolderSelection.svelte | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/frontend/FolderSelection.svelte b/src/frontend/FolderSelection.svelte
index a43562c6b..e7a6096d6 100644
--- a/src/frontend/FolderSelection.svelte
+++ b/src/frontend/FolderSelection.svelte
@@ -96,17 +96,19 @@
 <List singleSelection>
   <Separator />
   <Subheader>
-    <span
+    <button
       class="breadcrumb"
+      type="button"
       on:click={rootNavigation}
       on:keydown={rootNavigation}
     >
       {$_("drive.driveList")}
-    </span>
+    </button>
     {#each path as segment (segment.id)}
       &nbsp; &gt; &nbsp;
-      <span
+      <button
         class="breadcrumb"
+        type="button"
         on:click={() => {
           breadcrumbNavigation(segment);
         }}
@@ -115,7 +117,7 @@
         }}
       >
         {segment.name}
-      </span>
+      </button>
     {/each}
   </Subheader>
   <Separator />
@@ -141,7 +143,10 @@
 
 <style lang="scss">
   .breadcrumb {
+    border: none;
+    background-color: unset;
     cursor: pointer;
     color: var(--mdc-theme-primary);
+    font-size: 1rem;
   }
 </style>