Show all mined transactions in acc widget

frontend/src/app/components/acceleration/accelerations-list/accelerations-list.component.scss

@@ -20,7 +20,11 @@
     min-height: auto;
   }
 }
-
+.container-lg.widget-container {
+  @media (max-width: 500px) {
+    padding: 0;
+  }
+}
 .container {
   max-width: 100%;
 }
@@ -90,7 +94,7 @@ tr, td, th {
 
 .widget {
   .txid {
-    width: 30%;
+    width: 35%;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
@@ -137,7 +141,7 @@ tr, td, th {
   }
 
   .status {
-    width: 20%
+    width: 115px
   }
 }
 

frontend/src/app/components/acceleration/accelerations-list/accelerations-list.component.ts

@@ -137,4 +137,4 @@ export class AccelerationsListComponent implements OnInit, OnDestroy {
     this.paramSubscription?.unsubscribe();
     this.keyNavigationSubscription?.unsubscribe();
   }
-}
+}

frontend/src/app/components/acceleration/accelerator-dashboard/accelerator-dashboard.component.html

@@ -102,7 +102,7 @@
             <span>&nbsp;</span>
             <fa-icon [icon]="['fas', 'external-link-alt']" [fixedWidth]="true" style="vertical-align: 'text-top'; font-size: 13px; color: var(--title-fg)"></fa-icon>
           </a>
-          <app-accelerations-list [attr.data-cy]="'recent-accelerations'" [widget]=true [accelerations$]="minedAccelerations$"></app-accelerations-list>
+          <app-accelerations-list [attr.data-cy]="'recent-accelerations'" [widget]=true [accelerations$]="accelerations$"></app-accelerations-list>
         </div>
       </div>
     </div>