Fix search HP icon on mobile

Closes rdwatters/hugo-docs-concept#10

pipeline/scss/components/_site-search.scss

@@ -7,8 +7,8 @@
   font-size: 1.2em;
   z-index: 60;
   color: $hugo-pink;
-  @include MQ(M){
-    right:2em;
+  @include MQ(M) {
+    right: 2em;
   }
   @include MQ(XL) {
     top: .3em;
@@ -16,6 +16,7 @@
   }
 }
 
+
 form#site-search-form {
   transition: transform .3s ease-in-out;
   display: flex;
@@ -45,14 +46,14 @@ form#site-search-form {
     display: block;
     position: fixed;
     top: 8px;
-    right:2em;
+    right: 2em;
     z-index: 50;
     width: 300px;
     transform: translateX(330px);
     transition: transform .3s ease-in-out;
     box-shadow: none;
     max-height: $site-header-height * .8;
-    background-color:transparent;
+    background-color: transparent;
     &.search-open {
       transition: transform .3s ease-in-out;
       border-bottom-width: 0px;

pipeline/scss/pages/_homepage.scss

@@ -57,6 +57,17 @@ ul.animated {
   }
 }
 
+//fixes search icon and sliding bar on homescreen only
+#homepage-nav + #toggle-search {
+  right: 1em;
+  top: .25em;
+  + #site-search-form {
+    @include MQ(XL) {
+      right: .6em;
+    }
+  }
+}
+
 .home-row {
   min-height: auto;
   display: flex;