From 555b811fa7d32585bfb621d1c37001c60468f470 Mon Sep 17 00:00:00 2001 From: Chris Hill-Scott Date: Fri, 21 Jun 2019 14:39:02 +0100 Subject: [PATCH] Push headings down a bit MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Now that there’s a bit more stuff in the service name area at the top of the page it looks a bit cramped. Moving the heading down gives it a bit more space to breath, and associates the heading a bit more closely with the content after it. --- app/assets/stylesheets/app.scss | 6 +++--- app/assets/stylesheets/components/table.scss | 2 +- app/assets/stylesheets/views/dashboard.scss | 2 +- 3 files changed, 5 insertions(+), 5 deletions(-) diff --git a/app/assets/stylesheets/app.scss b/app/assets/stylesheets/app.scss index 3cb2aa81b..4e4053db4 100644 --- a/app/assets/stylesheets/app.scss +++ b/app/assets/stylesheets/app.scss @@ -75,7 +75,7 @@ a { .heading-large, > .heading-medium { - margin: ($gutter / 3) 0 ($gutter / 3 * 2) 0; + margin: $gutter-half 0 ($gutter / 3 * 2) 0; word-wrap: break-word; } @@ -83,7 +83,7 @@ a { .heading-large, .heading-medium { - margin: 10px 0 15px 0; + margin: $gutter-half 0 $gutter-half 0; word-wrap: break-word; } @@ -286,5 +286,5 @@ details .arrow { } .heading-upcoming-jobs { - margin-top: $gutter / 3; + margin-top: $gutter-half; } diff --git a/app/assets/stylesheets/components/table.scss b/app/assets/stylesheets/components/table.scss index 0209b4d44..73112500c 100644 --- a/app/assets/stylesheets/components/table.scss +++ b/app/assets/stylesheets/components/table.scss @@ -5,7 +5,7 @@ .table-heading { text-align: left; - margin: 40px 0 $gutter-half 0; + margin: $gutter-half 0 $gutter-half 0; } .dashboard-table { diff --git a/app/assets/stylesheets/views/dashboard.scss b/app/assets/stylesheets/views/dashboard.scss index 9115cacf0..39d8e82ee 100644 --- a/app/assets/stylesheets/views/dashboard.scss +++ b/app/assets/stylesheets/views/dashboard.scss @@ -13,7 +13,7 @@ } > .heading-medium:first-of-type { - margin-top: 10px; + margin-top: $gutter-half; } }