Change sends list links to buttons

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>

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");