From cef93ff63f5cf1f182f38416cb27eaef100dc1ae Mon Sep 17 00:00:00 2001
From: "Patrick H. Lauke" <redux@splintered.co.uk>
Date: Fri, 29 Apr 2022 12:42:21 +0100
Subject: [PATCH] Change sends list links to buttons

---
 src/app/send/send.component.html | 16 ++++++++--------
 src/scss/list.scss               |  4 ++++
 2 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/app/send/send.component.html b/src/app/send/send.component.html
index c68c1db4..1ecfdd90 100644
--- a/src/app/send/send.component.html
+++ b/src/app/send/send.component.html
@@ -36,7 +36,7 @@
   <div id="items" class="items">
     <div class="content">
       <div class="list" *ngIf="filteredSends.length">
-        <a
+        <button
           *ngFor="let s of filteredSends"
           appStopClick
           (click)="selectSend(s.id)"
@@ -45,11 +45,11 @@
           [ngClass]="{ active: s.id === sendId }"
           class="flex-list-item"
         >
-          <div class="item-icon" aria-hidden="true">
+          <span class="item-icon" aria-hidden="true">
             <i class="bwi bwi-fw bwi-lg" [ngClass]="s.type == 0 ? 'bwi-file-text' : 'bwi-file'"></i>
-          </div>
-          <div class="item-content">
-            <div class="item-title">
+          </span>
+          <span class="item-content">
+            <span class="item-title">
               {{ s.name }}
               <span class="title-badges">
                 <ng-container *ngIf="s.disabled">
@@ -98,10 +98,10 @@
                   <span class="sr-only">{{ "pendingDeletion" | i18n }}</span>
                 </ng-container>
               </span>
-            </div>
+            </span>
             <span class="item-details">{{ s.deletionDate | date }}</span>
-          </div>
-        </a>
+          </span>
+        </button>
       </div>
       <div class="no-items" *ngIf="!filteredSends.length">
         <i class="bwi bwi-spinner bwi-spin bwi-3x" *ngIf="!loaded" aria-hidden="true"></i>
diff --git a/src/scss/list.scss b/src/scss/list.scss
index 3e567ac4..68b93be4 100644
--- a/src/scss/list.scss
+++ b/src/scss/list.scss
@@ -111,8 +111,10 @@
   display: flex;
   align-items: center;
   width: 100%;
+  text-align: left;
 
   .item-icon {
+    display: block;
     margin-left: -5px;
     margin-right: 4px;
     @include themify($themes) {
@@ -121,7 +123,9 @@
   }
 
   .item-content {
+    display: block;
     .item-title {
+      display: block;
       .title-badges {
         @include themify($themes) {
           color: themed("mutedColor");