diff --git a/opentech/apply/dashboard/templates/dashboard/dashboard.html b/opentech/apply/dashboard/templates/dashboard/dashboard.html index 4624e459903f166bc282f5ce634a64894969b528..828bd832e012ad9a1c7741f50694c538e32e06b6 100644 --- a/opentech/apply/dashboard/templates/dashboard/dashboard.html +++ b/opentech/apply/dashboard/templates/dashboard/dashboard.html @@ -3,13 +3,15 @@ {% block title %}OTF Dashboard{% endblock %} {% block content %} <div class="wrapper wrapper--breakout wrapper--admin"> - <div class="wrapper wrapper--large"> + <div class="wrapper wrapper--large wrapper--search"> {% block page_header %} - <h3>Received Submissions</h3> - <h5>Track and explore recent submissions</h5> + <div> + <h3 class="heading heading--no-margin">Received Submissions</h3> + <h5>Track and explore recent submissions</h5> + </div> {% endblock %} + {% include "dashboard/includes/search.html" %} </div> - {% include "dashboard/includes/search.html" %} </div> <div class="wrapper wrapper--large wrapper--top-bottom-inner-space"> diff --git a/opentech/apply/dashboard/templates/dashboard/includes/search.html b/opentech/apply/dashboard/templates/dashboard/includes/search.html index 8797eff8dee3b0fb978c7ce731d76f8d2347d0d5..4bdba5b46c1b1c106ea7f36227f3a07f71f10284 100644 --- a/opentech/apply/dashboard/templates/dashboard/includes/search.html +++ b/opentech/apply/dashboard/templates/dashboard/includes/search.html @@ -1,6 +1,6 @@ <form action="{% url 'dashboard:search' %}" method="get" role="search" class="form form--header-search-desktop"> - <button class="button" type="submit" aria-label="Search"> + <button class="button button--search" type="submit" aria-label="Search"> <svg class="icon icon--magnifying-glass icon--search"><use xlink:href="#magnifying-glass"></use></svg> </button> - <input class="input input--transparent input--secondary" type="text" placeholder="Search…" name="query"{% if search_query %} value="{{ search_query }}{% endif %}" aria-label="Search input"> + <input class="input input--search" type="text" placeholder="Search…" name="query"{% if search_query %} value="{{ search_query }}{% endif %}" aria-label="Search input"> </form> diff --git a/opentech/static_src/src/sass/apply/components/_heading.scss b/opentech/static_src/src/sass/apply/components/_heading.scss new file mode 100644 index 0000000000000000000000000000000000000000..2b1970218d039682b0370744e7d1316fe6b0ef73 --- /dev/null +++ b/opentech/static_src/src/sass/apply/components/_heading.scss @@ -0,0 +1,5 @@ +.heading { + &--no-margin { + margin: 0; + } +} diff --git a/opentech/static_src/src/sass/apply/main.scss b/opentech/static_src/src/sass/apply/main.scss index dbe0268b2179b3549d8c099a4c8dfe6e002f15c3..a74715e1eff1d85e59cc8717538c6a4bb21b073d 100755 --- a/opentech/static_src/src/sass/apply/main.scss +++ b/opentech/static_src/src/sass/apply/main.scss @@ -13,6 +13,7 @@ // Components @import 'components/button'; @import 'components/form'; +@import 'components/heading'; @import 'components/icon'; @import 'components/input'; @import 'components/pagination';