about summary refs log tree commit diff
path: root/app/javascript/styles
diff options
context:
space:
mode:
authorOndřej Hruška <ondra@ondrovo.com>2017-10-08 10:46:59 +0200
committerOndřej Hruška <ondra@ondrovo.com>2017-10-08 10:46:59 +0200
commit92a3181dc685aa4b3736b56f8a5d1c4d85b99544 (patch)
tree8ef6ad7680e5a7775dd3066418462b7e4ca8c76a /app/javascript/styles
parent7cc0da756db22dc0fe2d81a52bd2bed122b0d593 (diff)
improve static page metadata look
Diffstat (limited to 'app/javascript/styles')
-rw-r--r--app/javascript/styles/accounts.scss45
1 files changed, 32 insertions, 13 deletions
diff --git a/app/javascript/styles/accounts.scss b/app/javascript/styles/accounts.scss
index b51761de1..9d1e322b9 100644
--- a/app/javascript/styles/accounts.scss
+++ b/app/javascript/styles/accounts.scss
@@ -204,27 +204,46 @@
   }
 
   .metadata {
-    margin: 15px 0;
-    border: thin $ui-base-color solid;
+    $meta-table-border: darken($classic-highlight-color, 20%);//#174f77;
+
     border-collapse: collapse;
     padding: 0;
+    margin: 15px -15px -10px -15px;
+    border: 0 none;
+    border-top: 1px solid $meta-table-border;
+    border-bottom: 1px solid $meta-table-border;
+
+    td, th {
+      padding: 10px;
+      border: 0 none;
+      border-bottom: 1px solid $meta-table-border;
+      vertical-align: middle;
+    }
+
+    tr:last-child {
+      td, th {
+        border-bottom: 0 none;
+      }
+    }
+
+    td {
+      color: $ui-primary-color;
+      width:100%; // makes it stretch
+      padding-left: 0;
+    }
 
     th {
-      margin: 0;
-      border: thin $ui-base-color solid;
-      padding: 0 5px;
+      padding-left: 15px;
+      font-weight: bold;
+      text-align: left;
+      width: 94px;
       color: $ui-secondary-color;
       background: darken($ui-base-color, 8%);
-      width: 94px;
-      vertical-align: middle;
+      //background: #131415;
     }
 
-    td {
-      margin: 0;
-      border: thin $ui-base-color solid;
-      padding: 0 5px;
-      color: $ui-primary-color;
-      vertical-align: middle;
+    a {
+      color: $classic-highlight-color;
     }
   }