Dashboard layout reviewed. (#550)

* Fix mempool-info-data item margin-bottom.

* Remove unecessary bootstrap classes.

* Fix lint errors.

* Fix and remove css classes.

* Add css class to Terms of Service.

frontend/src/app/dashboard/dashboard.component.scss

@@ -1,8 +1,13 @@
 .dashboard-container {
   padding-bottom: 60px;
+  text-align: center;
+  margin-top: 0.5rem;
   @media (min-width: 992px) {
     padding-bottom: 0px;
   }
+  .col {
+    margin-bottom: 1.5rem;
+  }
 }
 
 .card {
@@ -57,11 +62,14 @@
     margin-bottom: 10px;
   } 
   .item {
-    width: 124px;
-    margin: 0px auto 0px;
+    width: 50%;
+    margin: 0px auto 20px;
     display: inline-block;
-    @media (min-width: 400px) {
-      width: 50%;
+    @media (min-width: 485px) {
+      margin: 0px auto 10px;
+    }
+    @media (min-width: 785px) {
+      margin: 0px auto 0px;
     }
     &:last-child {
       margin: 0px auto 0px;
@@ -92,6 +100,12 @@
         font-size: 12px;
       }
     }
+    .progress {
+      width: 90%;
+      @media (min-width: 768px) {
+        width: 100%;
+      }
+    }
   }
   .bar {
     width: 93%;
@@ -184,4 +198,19 @@
       display: table-cell;
     }
   }
+}
+
+.mempool-graph {
+  height: 250px;
+}
+
+.inc-tx-progress-bar {
+  max-width: 250px;
+  .progress-bar {
+    padding: 4px;
+  }
+}
+
+.terms-of-service {
+  margin-top: 1rem;
 }