From 92a3181dc685aa4b3736b56f8a5d1c4d85b99544 Mon Sep 17 00:00:00 2001 From: Ondřej Hruška Date: Sun, 8 Oct 2017 10:46:59 +0200 Subject: improve static page metadata look --- app/javascript/styles/accounts.scss | 45 ++++++++++++++++++++++++++----------- 1 file changed, 32 insertions(+), 13 deletions(-) (limited to 'app/javascript/styles/accounts.scss') 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; } } -- cgit