RVRNEXT-6 layout fine-tuning

public/static/css/rvr.css

@@ -31,6 +31,10 @@ main {
     color: #ffffff;
 }
 
+::placeholder, select > option[value=""] {
+    color: #8e8e8e;
+}
+
 p, h1, h2, h3, input, textarea, select, button, a, table, label {
     font-family: 'Oxygen', sans-serif;
 }
@@ -150,6 +154,12 @@ a:hover, a:focus {
     text-decoration: underline;
 }
 
+a.block {
+    color: initial;
+    font-weight: initial;
+    text-decoration: initial;
+}
+
 button, a.button {
     cursor: pointer;
     font-size: 16px;
@@ -421,7 +431,6 @@ div.buttonContainer>button {
 }
 
 div.box {
-    width: 576px;
     background-color: #eeeef4;
     border-radius: 3px;
     margin: 10px auto;
@@ -429,6 +438,15 @@ div.box {
     box-sizing: border-box;
 }
 
+div.compactBox {
+    width: 576px;
+}
+
+div.transaction {
+    display: grid;
+    grid-template-columns: auto auto;
+}
+
 div.gridContainer {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
@@ -451,7 +469,7 @@ table.fullWidth {
 }
 
 table th {
-    font-weight: bold;
+    font-weight: 700;
 }
 
 table th, table td {
@@ -467,6 +485,34 @@ table th:not(:last-child), table td:not(:last-child) {
     padding-right: 3px;
 }
 
+p.paginateContainer {
+    font-size: 0;
+}
+
+p.paginateContainer > * {
+    font-size: initial;
+    background-color: #5e77aa;
+    border: solid #5e77aa 1px;
+    color: #ffffff;
+    font-weight: 700;
+    padding: 3px 6px;
+    text-align: center;
+    display: inline-block;
+    height: 25px;
+    line-height: 25px;
+    width: 25px;
+}
+
+p.paginateContainer > a:hover, p.paginateContainer > .selected {
+    background-color: #3b5998;
+    border: solid #29457f 1px;
+    text-decoration: none;
+}
+
+p.paginateContainer > *:not(:last-child) {
+    border-right: solid #869ab9 1px;
+}
+
 .choices__inner {
     box-sizing: border-box;
 }
@@ -501,7 +547,7 @@ table th:not(:last-child), table td:not(:last-child) {
         padding-left: 15px;
         padding-right: 15px;
     }
-    div.box {
+    div.compactBox {
         width: initial;
     }
 }