UI: better layer layout for simple tables. Rewrite of all dashboard (refs #1616)

1 files changed, 67 insertions, 7 deletions

diff --git a/ishtar_common/static/media/style.css b/ishtar_common/static/media/style.css
index 69f86784b..8973876c6 100644
--- a/ishtar_common/static/media/style.css
+++ b/ishtar_common/static/media/style.css
@@ -843,7 +843,7 @@ a.photo{
 .dashboard > div{
     background: #FFF;
     text-align:left;
-    padding-bottom:10px;
+    padding:10px;
     border:1px solid #CCC;
     border-top-left-radius: 0;
     border-top-right-radius: 0;
@@ -854,16 +854,12 @@ a.photo{
     width:762px;
     background-color:#922;
     color:#FFF;
-    padding:0;
+    padding:10px;
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
 }
 
-.dashboard h4{
-    font-weight:normal;
-    color:#D14;
-}
-.dashboard h4, .dashboard p{
+.dashboard p{
     margin:0;
     padding:0 10px;
 }
@@ -1037,17 +1033,24 @@ table td.item-list span{
     border-top-right-radius: 8px;
 }
 
+.dashboard label,
 #window label{
     display:inline-table;
     font-weight:bold;
     width:245px;
 }
 
+.dashboard span.value,
 #window span.value{
     display:inline-table;
     width:465px;
 }
 
+.dashboard span.value.numeric{
+    text-align: right;
+    width:80px;
+}
+
 #window ul.form-flex span.value {
     display: inline-table;
     width: 230px;
@@ -1255,3 +1258,60 @@ table.table-form td {
 table.table-form td input{
     border-color:#922;
 }
+
+.clean-table {
+  margin: 10px 0 10px 0;
+  width: 100%;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+}
+
+.clean-table h4{
+    color: #922;
+    font-size: 1.2em;
+    padding:0.3em;
+    margin:0;
+    text-align: center;
+}
+
+.clean-table-wrap{
+  overflow: auto;
+}
+
+.clean-table table{
+  border-collapse: collapse;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.clean-table tr {
+  padding: 8px 0;
+  background: #f6f6f6;
+}
+
+.clean-table tr:nth-of-type(odd) {
+  background: #e9e9e9;
+}
+
+.clean-table tr th {
+  font-weight: 900;
+  color: #ffffff;
+  background: #DA2D2D;
+  text-align: center;
+  padding: 0.2em 0.4em;
+}
+
+.clean-table tr th.sub {
+  background: #E65C5C;
+}
+
+.clean-table td{
+  text-align: right;
+  padding: 6px 12px;
+}
+
+.mini-table{
+    height: 400px;
+    overflow: auto;
+    display: block;
+}
+