diff --git a/app/assets/stylesheets/frontend/helpers/_page-header.scss b/app/assets/stylesheets/frontend/helpers/_page-header.scss index 840c3a04..d8be72ba 100644 --- a/app/assets/stylesheets/frontend/helpers/_page-header.scss +++ b/app/assets/stylesheets/frontend/helpers/_page-header.scss @@ -2,6 +2,7 @@ margin-top: 0; background-repeat: no-repeat; background-position: 0 8px; + margin-bottom: 10px; h1 { @include ig-core-48; diff --git a/app/assets/stylesheets/frontend/views/_common.scss b/app/assets/stylesheets/frontend/views/_common.scss index 24033b54..5feb7da9 100644 --- a/app/assets/stylesheets/frontend/views/_common.scss +++ b/app/assets/stylesheets/frontend/views/_common.scss @@ -140,4 +140,4 @@ input[type="email"] { } } } -} \ No newline at end of file +} diff --git a/app/assets/stylesheets/frontend/views/_details.scss b/app/assets/stylesheets/frontend/views/_details.scss index 28085ed2..14dff481 100644 --- a/app/assets/stylesheets/frontend/views/_details.scss +++ b/app/assets/stylesheets/frontend/views/_details.scss @@ -1,6 +1,15 @@ .details-page { + #header { + margin-top: $gutter; + padding-bottom: $gutter-one-third; + margin-bottom: $gutter-one-third; + } .page-header { - margin-bottom: $gutter; + + .type { + @include core-27; + color: #6e777b; + } @media (max-width: 800px) { margin-bottom: 0; @@ -21,7 +30,7 @@ .block-container { border-bottom: 1px solid $grey-2; - padding-bottom: $gutter-one-third; + padding-bottom: $gutter; margin: 0 $gutter; margin-bottom: $gutter-one-third; @@ -46,9 +55,15 @@ } } + h2 { + @include core-36; + font-weight: 700; + margin-bottom: $gutter; + } + h3 { - @include ig-core-24; - font-weight: bold; + @include core-24; + font-weight: 700; @media (max-width: 640px) { padding-top: 0; @@ -143,13 +158,11 @@ } li { - float: left; - width: $one-third; - @media (max-width: 640px) { float: none; width: $full-width; - margin-bottom: $gutter-two-thirds; + padding-top: 5px; + padding-bottom: 5px; } a, @@ -158,8 +171,8 @@ } a { - @include ig-core-24; - font-weight: bold; + @include ig-core-16; + font-weight: 700; } } } @@ -195,18 +208,18 @@ .online-contact { @include core-19; - font-weight: bold; li { margin-bottom: 5px; } + + } .phone-list { .tel { float: left; width: $one-third; - padding-bottom: $gutter; @media (max-width: 640px) { float: none; @@ -284,8 +297,14 @@ } } - .phone-number { - margin-bottom: $gutter*2; + .phone-number, .email { + margin-bottom: $gutter*1.5; + + h4 { + @include core-19; + font-weight: 700; + margin-bottom: 0.5em; + } &:last-child { margin-bottom: 0; @@ -301,7 +320,7 @@ } .note { - margin-top: $gutter; + margin-top: 0.5em; } } @@ -313,8 +332,7 @@ } .adr { - margin-top: $gutter-half; - margin-bottom: $gutter*2; + margin-bottom: $gutter*1.5; } &:last-child .adr, diff --git a/app/views/admin/contacts/_form.html.erb b/app/views/admin/contacts/_form.html.erb index 72ab4c19..1a656e89 100644 --- a/app/views/admin/contacts/_form.html.erb +++ b/app/views/admin/contacts/_form.html.erb @@ -21,7 +21,6 @@ <%= f.input :quick_link_1, label: false, placeholder: "Link", input_html: { class: "span4" } %> - <%= f.input :quick_link_description_1, label: false, placeholder: "Description", input_html: { rows: 5, class: "span9" }, hint: formatting_help_link %>
- <%= contact.quick_link_description_1 %> -
- <% end -%> -- <%= contact.quick_link_description_2 %> -
- <% end -%> -- <%= contact.quick_link_description_3 %> -
- <% end -%> -Contact details
++ <%= link_to "Find out", "http://www.hmrc.gov.uk/tools/progress-tool/index.htm" %> when to expect a response to your query +
+
-
+
<%= email_address.title %>
-
-
<%= mail_to email_address.email %>
<%= govspeak email_address.description %>
-
+
+