Moved HTML tags first inside .walletBar

less/about/preferences.less

@@ -509,6 +509,66 @@ table.sortableTable {
     }
   }
 
+  tr {
+
+    &.paymentsDisabled {
+      opacity: 0.6;
+    }
+
+    th {
+      color: @darkGray;
+      font-weight: 600;
+    }
+
+    td {
+
+      &.alignRight {
+        text-align: right;
+      }
+
+      a {
+        vertical-align: middle;
+        text-decoration: none;
+
+        &:hover {
+          text-decoration: underline;
+        }
+
+        img {
+          width: 1.5em;
+          height: 1.5em;
+          margin-right: 6px;
+          vertical-align: middle;
+        }
+      }
+
+      input[type='range'] {
+        background: transparent;
+        -webkit-appearance: none;
+        width: 90%;
+        margin: 0 0 0 20%;
+        outline: none;
+
+        &::-webkit-slider-runnable-track {
+          -webkit-appearance: none;
+          background: @gray25;
+          border-radius: 1000px;
+          height: 1em;
+        }
+
+        &::-webkit-slider-thumb {
+          -webkit-appearance: none;
+          background: linear-gradient(to bottom, @braveOrange, @braveDarkOrange);
+          width: 1em;
+          height: 1em;
+          border-radius: 50%;
+          box-shadow: 0 0 6px @black25;
+          cursor: pointer;
+        }
+      }
+    }
+  }
+
   .modal {
     .dialog {
       &.coinbaseOverlay {
@@ -881,6 +941,31 @@ table.sortableTable {
     border-radius: @borderRadiusUIbox;
     margin: @barMargin;
 
+    th {
+      text-align: left;
+    }
+
+    tr {
+      height: 1em;
+    }
+
+    td {
+      font-size: @fontSize;
+      padding: 10px 30px 0 0; // .settingsList .settingItem > *:not(.switchControl) 10px
+      width: auto;
+      min-width: 235px;
+      vertical-align: top;
+
+      .settingsListContainer {
+        margin-bottom: 0;
+
+        #fundsSelectBox {
+          width: auto;
+          margin-bottom: 0;
+        }
+      }
+    }
+
     .settingsList .settingItem {
 
       .paymentHistoryButton {
@@ -934,31 +1019,6 @@ table.sortableTable {
       }
     }
 
-    th {
-      text-align: left;
-    }
-
-    tr {
-      height: 1em;
-    }
-
-    td {
-      font-size: @fontSize;
-      padding: 10px 30px 0 0; // .settingsList .settingItem > *:not(.switchControl) 10px
-      width: auto;
-      min-width: 235px;
-      vertical-align: top;
-
-      .settingsListContainer {
-        margin-bottom: 0;
-
-        .fundsSelectBox {
-          width: auto;
-          margin-bottom: 0;
-        }
-      }
-    }
-
     .fundsAmount {
       display: inline;
       margin: 0;
@@ -1035,66 +1095,6 @@ table.sortableTable {
        }
     }
   }
-
-  tr {
-
-    &.paymentsDisabled {
-      opacity: 0.6;
-    }
-
-    th {
-      color: @darkGray;
-      font-weight: 600;
-    }
-
-    td {
-
-      &.alignRight {
-        text-align: right;
-      }
-
-      a {
-        vertical-align: middle;
-        text-decoration: none;
-
-        &:hover {
-          text-decoration: underline;
-        }
-
-        img {
-          width: 1.5em;
-          height: 1.5em;
-          margin-right: 6px;
-          vertical-align: middle;
-        }
-      }
-
-      input[type='range'] {
-        background: transparent;
-        -webkit-appearance: none;
-        width: 90%;
-        margin: 0 0 0 20%;
-        outline: none;
-
-        &::-webkit-slider-runnable-track {
-          -webkit-appearance: none;
-          background: @gray25;
-          border-radius: 1000px;
-          height: 1em;
-        }
-
-        &::-webkit-slider-thumb {
-          -webkit-appearance: none;
-          background: linear-gradient(to bottom, @braveOrange, @braveDarkOrange);
-          width: 1em;
-          height: 1em;
-          border-radius: 50%;
-          box-shadow: 0 0 6px @black25;
-          cursor: pointer;
-        }
-      }
-    }
-  }
 }
 
 .board {
@@ -1108,6 +1108,16 @@ table.sortableTable {
     margin-bottom: 8px;
     padding: 25px 20px;
 
+    span {
+      display: inline;
+    }
+    a {
+      text-decoration: none;
+    }
+
+    button > a {
+      color: #fff;
+    }
 
     #bitcoinPaymentURL {
       cursor: pointer;
@@ -1134,17 +1144,6 @@ table.sortableTable {
       }
     }
 
-    span {
-      display: inline;
-    }
-    a {
-      text-decoration: none;
-    }
-
-    button > a {
-      color: #fff;
-    }
-
     .labelText {
       clear: both;
       font-size: 1em;