From 637d29e43db1f2805da7dbd017072b97ed5671dc Mon Sep 17 00:00:00 2001
From: Dennis Eichhorn <spl1nes.com@googlemail.com>
Date: Fri, 11 May 2018 21:32:12 +0200
Subject: [PATCH] Styling lists

---
 form.scss   |  15 ----
 layout.scss |  14 +++
 styles.css  |  23 ++---
 table.css   | 253 ++++++++++++++++++++++++++--------------------------
 table.scss  |   1 +
 5 files changed, 155 insertions(+), 151 deletions(-)

diff --git a/form.scss b/form.scss
index c968066..7c4ab62 100644
--- a/form.scss
+++ b/form.scss
@@ -45,19 +45,4 @@ form {
             padding: 3px 5px 3px 5px;
         }
     }
-
-    .ipt-wrap {
-        display: table;
-        box-sizing: border-box;
-
-        .ipt-first {
-            width: 100%;
-            display: table-cell;
-        }
-
-        .ipt-second {
-            padding-left: 5px;
-            display: table-cell;
-        }
-    }
 }
diff --git a/layout.scss b/layout.scss
index 5707882..4f4d7bd 100644
--- a/layout.scss
+++ b/layout.scss
@@ -1,2 +1,16 @@
 @import "color";
 
+.ipt-wrap {
+        display: table;
+        box-sizing: border-box;
+
+        .ipt-first {
+            width: 100%;
+            display: table-cell;
+        }
+
+        .ipt-second {
+            padding-left: 5px;
+            display: table-cell;
+        }
+    }
\ No newline at end of file
diff --git a/styles.css b/styles.css
index 3affbcd..6e166f1 100644
--- a/styles.css
+++ b/styles.css
@@ -3207,6 +3207,16 @@ article {
 .darkblue {
   background: #2969B0; }
 
+.ipt-wrap {
+  display: table;
+  box-sizing: border-box; }
+  .ipt-wrap .ipt-first {
+    width: 100%;
+    display: table-cell; }
+  .ipt-wrap .ipt-second {
+    padding-left: 5px;
+    display: table-cell; }
+
 *[draggable] {
   cursor: move; }
 
@@ -3518,15 +3528,6 @@ form .list {
   form .list td {
     white-space: nowrap;
     padding: 3px 5px 3px 5px; }
-form .ipt-wrap {
-  display: table;
-  box-sizing: border-box; }
-  form .ipt-wrap .ipt-first {
-    width: 100%;
-    display: table-cell; }
-  form .ipt-wrap .ipt-second {
-    padding-left: 5px;
-    display: table-cell; }
 
 .infoIcon {
   width: .9rem;
@@ -4788,7 +4789,9 @@ table.table {
       padding-top: 10px; }
 
 table.list th {
-  text-align: left; }
+  text-align: left;
+  padding: 2px 0 2px 0;
+  vertical-align: middle; }
 table.list td {
   padding: 2px 5px 2px 5px; }
 
diff --git a/table.css b/table.css
index e958cb3..237f2f6 100644
--- a/table.css
+++ b/table.css
@@ -1,126 +1,127 @@
-/* Global */
-/* Content Container */
-/* Content box */
-/* Navigation */
-/* Colors */
-.table {
-  background: none; }
-  .table caption {
-    color: #fff; }
-  .table thead {
-    color: #fff; }
-  .table.red caption, .table.red thead {
-    background: #B8312F; }
-  .table.orange caption, .table.orange thead {
-    background: #FBA026; }
-  .table.green caption, .table.green thead {
-    background: #41A85F; }
-  .table.blue caption, .table.blue thead {
-    background: #2C82C9; }
-  .table.white caption, .table.white thead {
-    background: #fff; }
-
-table.table {
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  width: 100%;
-  font-size: 0.9em;
-  max-width: 100%;
-  overflow: hidden; }
-  table.table caption {
-    background: #fff;
-    border-right: 1px solid #b7b7b7;
-    border-left: 1px solid #b7b7b7;
-    border-top: 1px solid #b7b7b7;
-    padding: 5px; }
-  table.table td {
-    padding: 5px 10px 5px 10px;
-    white-space: nowrap; }
-  table.table tbody td:first-child {
-    border-left: 1px solid #b7b7b7; }
-  table.table tbody td:last-child {
-    border-right: 1px solid #b7b7b7; }
-  table.table tbody td {
-    border-top: 1px solid #b7b7b7;
-    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
-    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
-    box-shadow: inset 0px 1px 0px 0px #ffffff; }
-  table.table tbody tr {
-    height: 2rem; }
-    table.table tbody tr:nth-of-type(2n) {
-      background: #f8f8f8; }
-    table.table tbody tr:nth-of-type(2n+1) {
-      background: #fff; }
-    table.table tbody tr:hover {
-      background: #f0f0f0; }
-  table.table tbody tr:last-child td {
-    border-bottom: 1px solid #b7b7b7; }
-  table.table thead {
-    background: #fff; }
-    table.table thead td:first-child {
-      border-left: 1px solid #b7b7b7; }
-    table.table thead td:last-child {
-      border-right: 1px solid #b7b7b7; }
-  table.table .empty {
-    text-align: center;
-    color: #d8d8d8; }
-  table.table tfoot {
-    border: none; }
-    table.table tfoot label {
-      float: left; }
-    table.table tfoot select {
-      width: auto;
-      float: right;
-      margin: 0;
-      min-width: 0px; }
-    table.table tfoot td {
-      text-align: center;
-      padding-top: 10px; }
-
-table.list th {
-  text-align: left; }
-table.list td {
-  padding: 2px 5px 2px 5px; }
-
-@media screen and (max-width: 600px) {
-  table.table {
-    display: table;
-    table-layout: fixed;
-    width: 100%;
-    border: 0; }
-    table.table thead {
-      display: none; }
-    table.table tbody tr {
-      height: auto;
-      display: block;
-      margin-bottom: .625em; }
-      table.table tbody tr td:last-child {
-        border-bottom: 1px solid #b7b7b7; }
-      table.table tbody tr:last-child td {
-        border-bottom: none; }
-        table.table tbody tr:last-child td:last-child {
-          border-bottom: 1px solid #b7b7b7; }
-    table.table tbody td {
-      border-left: 1px solid #b7b7b7;
-      border-right: 1px solid #b7b7b7;
-      display: block;
-      font-size: .8rem;
-      text-align: right;
-      position: relative;
-      height: 2rem;
-      line-height: 2rem;
-      text-overflow: ellipsis;
-      overflow: hidden;
-      max-width: 100%; }
-      table.table tbody td:before {
-        content: attr(data-label);
-        float: left;
-        margin-right: 10px;
-        font-weight: bold; }
-    table.table tfoot {
-      display: none; } }
-.nobreak {
-  white-space: nowrap; }
-
-/*# sourceMappingURL=table.css.map */
+/* Global */
+/* Content Container */
+/* Content box */
+/* Navigation */
+/* Colors */
+.table {
+  background: none; }
+  .table caption {
+    color: #fff; }
+  .table thead {
+    color: #fff; }
+  .table.red caption, .table.red thead {
+    background: #B8312F; }
+  .table.orange caption, .table.orange thead {
+    background: #FBA026; }
+  .table.green caption, .table.green thead {
+    background: #41A85F; }
+  .table.blue caption, .table.blue thead {
+    background: #2C82C9; }
+  .table.white caption, .table.white thead {
+    background: #fff; }
+
+table.table {
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  width: 100%;
+  font-size: 0.9em;
+  max-width: 100%;
+  overflow: hidden; }
+  table.table caption {
+    background: #fff;
+    border-right: 1px solid #b7b7b7;
+    border-left: 1px solid #b7b7b7;
+    border-top: 1px solid #b7b7b7;
+    padding: 5px; }
+  table.table td {
+    padding: 5px 10px 5px 10px;
+    white-space: nowrap; }
+  table.table tbody td:first-child {
+    border-left: 1px solid #b7b7b7; }
+  table.table tbody td:last-child {
+    border-right: 1px solid #b7b7b7; }
+  table.table tbody td {
+    border-top: 1px solid #b7b7b7;
+    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
+    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
+    box-shadow: inset 0px 1px 0px 0px #ffffff; }
+  table.table tbody tr {
+    height: 2rem; }
+    table.table tbody tr:nth-of-type(2n) {
+      background: #f8f8f8; }
+    table.table tbody tr:nth-of-type(2n+1) {
+      background: #fff; }
+    table.table tbody tr:hover {
+      background: #f0f0f0; }
+  table.table tbody tr:last-child td {
+    border-bottom: 1px solid #b7b7b7; }
+  table.table thead {
+    background: #fff; }
+    table.table thead td:first-child {
+      border-left: 1px solid #b7b7b7; }
+    table.table thead td:last-child {
+      border-right: 1px solid #b7b7b7; }
+  table.table .empty {
+    text-align: center;
+    color: #d8d8d8; }
+  table.table tfoot {
+    border: none; }
+    table.table tfoot label {
+      float: left; }
+    table.table tfoot select {
+      width: auto;
+      float: right;
+      margin: 0;
+      min-width: 0px; }
+    table.table tfoot td {
+      text-align: center;
+      padding-top: 10px; }
+
+table.list th {
+  text-align: left;
+  padding: 2px 0 2px 0; }
+table.list td {
+  padding: 2px 5px 2px 5px; }
+
+@media screen and (max-width: 600px) {
+  table.table {
+    display: table;
+    table-layout: fixed;
+    width: 100%;
+    border: 0; }
+    table.table thead {
+      display: none; }
+    table.table tbody tr {
+      height: auto;
+      display: block;
+      margin-bottom: .625em; }
+      table.table tbody tr td:last-child {
+        border-bottom: 1px solid #b7b7b7; }
+      table.table tbody tr:last-child td {
+        border-bottom: none; }
+        table.table tbody tr:last-child td:last-child {
+          border-bottom: 1px solid #b7b7b7; }
+    table.table tbody td {
+      border-left: 1px solid #b7b7b7;
+      border-right: 1px solid #b7b7b7;
+      display: block;
+      font-size: .8rem;
+      text-align: right;
+      position: relative;
+      height: 2rem;
+      line-height: 2rem;
+      text-overflow: ellipsis;
+      overflow: hidden;
+      max-width: 100%; }
+      table.table tbody td:before {
+        content: attr(data-label);
+        float: left;
+        margin-right: 10px;
+        font-weight: bold; }
+    table.table tfoot {
+      display: none; } }
+.nobreak {
+  white-space: nowrap; }
+
+/*# sourceMappingURL=table.css.map */
diff --git a/table.scss b/table.scss
index 088e698..78ba067 100644
--- a/table.scss
+++ b/table.scss
@@ -138,6 +138,7 @@ table.table {
 table.list {
     th {
         text-align: left;
+        padding: 2px 0 2px 0;
     }
 
     td {