adding search input styles

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">

opentech/apply/dashboard/templates/dashboard/includes/search.html

 <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>

opentech/static_src/src/sass/apply/components/_heading.scss

+.heading {
+    &--no-margin {
+        margin: 0;
+    }
+}

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';