adds styling for search input

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

@@ -81,7 +81,7 @@
 
         @include media-query(tablet-landscape) {
             background: none;
-            padding: 0;
+            padding: 0 10px;
             border: 0;
             align-items: center;
             justify-content: flex-start;
@@ -109,7 +109,7 @@
 
     &--search {
         position: absolute;
-        top: .35em;
+        top: .65em;
         right: 10px;
 
         svg {

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

@@ -17,9 +17,16 @@
         }
     }
 
-    &--search-desktop {
+    &--search {
         position: relative;
-        width: 280px;
+        max-width: 300px;
+        margin-top: $mobile-gutter;
+        width: 100%;
+
+        @include media-query(tablet-landscape) {
+            max-width: 280px;
+            margin: 0 0 0 30px;
+        }
     }
 
     &__group {

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

@@ -4,6 +4,6 @@
         padding: 10px;
         color: $color--dark-grey;
         background: transparent;
-        border: 1px solid $color--white;
+        border: 1px solid $color--mid-dark-grey;
     }
 }

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

@@ -269,13 +269,14 @@
     &--table-actions {
         margin-bottom: 20px;
 
-        @include media-query(tablet-landscape) {
+        @include media-query(tablet-portrait) {
             display: flex;
-            justify-content: flex-end;
+            justify-content: space-between;
 
-            & > * {
-                padding-left: 20px;
-            }
+        }
+
+        @include media-query(tablet-landscape) {
+            justify-content: flex-end;
         }
     }
 }