Replaced clickable span for button

skaut · Dec 27, 2023 · 9e1b985 · 9e1b985
1 parent 82c6ba0
commit 9e1b985
Showing 1 changed file with 9 additions and 4 deletions.
diff --git 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>