diff --git a/app/assets/stylesheets/legislation.scss b/app/assets/stylesheets/legislation.scss index 6247b64b9..b70783789 100644 --- a/app/assets/stylesheets/legislation.scss +++ b/app/assets/stylesheets/legislation.scss @@ -83,7 +83,7 @@ } .legislation-calendar { - background: #e5ecf2; + background: $highlight; padding-top: 1rem; h4 { diff --git a/app/assets/stylesheets/legislation_process.scss b/app/assets/stylesheets/legislation_process.scss index 474d80bbb..cb4488004 100644 --- a/app/assets/stylesheets/legislation_process.scss +++ b/app/assets/stylesheets/legislation_process.scss @@ -212,7 +212,7 @@ } .quiz-title { - background: #e5ecf2; + background: $highlight; .quiz-header-title { font-size: $small-font-size; @@ -982,3 +982,27 @@ margin-top: 0; } } + +.process-proposal { + margin-bottom: $line-height; + + .header { + background: $highlight; + padding: $line-height; + + @include breakpoint(medium) { + height: $line-height * 4; + } + } + + .process-title { + font-size: $small-font-size; + margin-bottom: 0; + text-transform: uppercase; + } + + .process-link { + font-size: rem-calc(19); + font-weight: bold; + } +} diff --git a/app/views/legislation/proposals/show.html.erb b/app/views/legislation/proposals/show.html.erb index e8e213b06..55b01499a 100644 --- a/app/views/legislation/proposals/show.html.erb +++ b/app/views/legislation/proposals/show.html.erb @@ -10,6 +10,17 @@ <%= render "shared/canonical", href: legislation_process_proposal_url(process_id: @process) %> <% end %> +
+ <%= t("legislation.proposals.process_title") %> +
+ <%= link_to @process.title, @process, class: "process-link" %> +