Simplify acceleration quote

frontend/src/app/components/accelerate-preview/accelerate-preview.component.scss

@@ -1,6 +1,23 @@
 .fee-card {
   padding: 15px;
   background-color: #1d1f31;
+
+  .feerate {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+
+    .fee {
+      font-size: 1.2em;
+    }
+    .rate {
+      font-size: 0.9em;
+      .symbol {
+        color: white;
+      }
+    }
+  }
 }
 
 .btn-border {
@@ -19,10 +36,47 @@
   pointer-events: none;
 }
 
+.table-toggle {
+  width: 100%;
+  margin-top: 0.5em;
+}
+
 .table-accelerator {
-  table-layout: fixed;
-  & tr {
+  tr {
     text-wrap: wrap;
+
+    td {
+      padding-top: 0;
+      padding-bottom: 0;
+      vertical-align: baseline;
+    }
+
+    &.group-first {
+      td {
+        padding-top: 0.75rem;
+      }
+    }
+    &.group-last {
+      td {
+        padding-bottom: 0.75rem;
+      }
+    }
+  }
+  td {
+    &:first-child {
+      width: 100vw;
+    }
+    &.info {
+      color: #6c757d;
+    }
+    &.amt {
+      text-align: right;
+      padding-right: 0.2em;
+    }
+    &.units {
+      padding-left: 0.2em;
+      white-space: nowrap;
+    }
   }
 }