small design fixes, profile table styles

templates/default-layout.lucius

@@ -275,6 +275,11 @@ a.btn.btn-info:hover,
   }
 }
 
+/* SCROLLTABLE */
+.scrolltable {
+  overflow: auto;
+}
+
 /* TABLE DESIGN */
 .table__row {
 
@@ -330,3 +335,20 @@ a.btn.btn-info:hover,
     color: inherit;
   }
 }
+
+.table--vertical {
+
+  th {
+    background-color: transparent;
+    color: var(--color-font);
+    width: 170px;
+    text-align: right;
+    padding-right: 15px;
+    font-weight: 400;
+  }
+
+  td {
+    font-weight: 600;
+    color: var(--color-font);
+  }
+}

templates/profile.hamlet

@@ -1,6 +1,7 @@
 <div .profile>
 
-  <table .table.table--striped.table--hover>
+  <div .scrolltable>
+    <table .table.table--striped.table--hover.table--vertical>
       <tr.table__row>
         <th> _{MsgName}
         <td> #{display userDisplayName}

templates/standalone/inputs.lucius

@@ -244,7 +244,7 @@ input[type="checkbox"]:checked::after {
 .file-input__label {
   cursor: pointer;
   display: inline-block;
-  background-color: var(--color-light);
+  background-color: var(--color-primary);
   color: white;
   padding: 10px 17px;
   border-radius: 3px;

templates/table/layout.lucius

@@ -37,8 +37,3 @@
     }
   }
 }
-
-/* SCROLLTABLE */
-.scrolltable {
-  overflow: auto;
-}