From 7e2407a75e2f927bae932ef33308c9a67ab04b46 Mon Sep 17 00:00:00 2001
From: Anthony Ettinger <anthony@chovy.com>
Date: Mon, 5 Nov 2018 02:41:30 -0800
Subject: [PATCH 1/2] position search-bar properly according to window

refs https://github.com/imusify/imusify-web/issues/124
---
 src/components/CategoriesMenu.vue | 39 +++++++++++++++++++++++++++----
 src/components/SearchBar.vue      |  5 ++--
 2 files changed, 37 insertions(+), 7 deletions(-)

diff --git a/src/components/CategoriesMenu.vue b/src/components/CategoriesMenu.vue
index 5e3b704..abe5d9b 100644
--- a/src/components/CategoriesMenu.vue
+++ b/src/components/CategoriesMenu.vue
@@ -165,14 +165,19 @@ export default {
     justify-content: flex-start;
     flex-grow: 0;
     position: sticky;
-    top: 0;
+    top: -1px;
     z-index: 1;
+    background-color: #131314;
 
     > section {
       display: flex;
       justify-content: flex-start;
       align-items: center;
       overflow: hidden;
+
+      &.categories {
+        width: 66vw;
+      }
     }
 
     ul a {
@@ -230,14 +235,40 @@ export default {
   }
 
   @media (min-width: 480px) {
+    .topnav {
+      width: calc(100vw - 19rem);
+    }
+
     .categories, .sub-categories {
       width: calc(100vw - 19rem);
+
+      &.categories {
+        width: 40vw !important;
+      }
     }
   }
 
-  @media (min-width: 1200px) {
-    a.prev, a.next {
-      display: none !important;
+  @media (min-width: 800px) {
+    .categories, .sub-categories {
+      &.categories {
+        width: 60vw !important;
+      }
+    }
+  }
+
+  @media (min-width: 1024px) {
+    .categories, .sub-categories {
+      &.categories {
+        width: 66vw !important;
+      }
+    }
+  }
+
+  @media (min-width: 1440px) {
+    .categories, .sub-categories {
+      &.categories {
+        width: 75vw !important;
+      }
     }
   }
 </style>
diff --git a/src/components/SearchBar.vue b/src/components/SearchBar.vue
index 76c9ea3..27fad46 100644
--- a/src/components/SearchBar.vue
+++ b/src/components/SearchBar.vue
@@ -2,7 +2,7 @@
   <form class="search-bar"
         @submit.prevent="search()">
     <input type="text"
-           placeholder="What are you looking for?"
+           placeholder="Search"
            v-model="filter" />
     <button>
       <icon name="magnify" />
@@ -37,7 +37,6 @@ export default {
     position: absolute;
     top: 0;
     right: 0;
-    display: none;
     justify-content: flex-end;
     align-items: center;
 
@@ -46,7 +45,7 @@ export default {
       background: transparent;
       color: #fff;
       font-size: 1.6rem;
-      width: 26rem;
+      width: 10rem;
       opacity: .6;
 
       &::placeholder {

From c8ef6bf277cfb8aa84553400b207ab486bfe9a7e Mon Sep 17 00:00:00 2001
From: Anthony Ettinger <anthony@chovy.com>
Date: Mon, 5 Nov 2018 02:45:37 -0800
Subject: [PATCH 2/2] remove extraneous comments

---
 .github/PULL_REQUEST_TEMPLATE.md | 7 -------
 1 file changed, 7 deletions(-)

diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md
index ab27165..631e7d1 100644
--- a/.github/PULL_REQUEST_TEMPLATE.md
+++ b/.github/PULL_REQUEST_TEMPLATE.md
@@ -1,12 +1,5 @@
-<!--- Provide a general summary of your changes in the Title above -->
-
 ## Description
-<!--- Describe your changes in detail -->
 
 ## Related Issue
-<!--- This project only accepts pull requests related to open issues -->
-<!--- If suggesting a new feature or change, please discuss it in an issue first -->
-<!--- If fixing a bug, there should be an issue describing it with steps to reproduce -->
-<!--- Please link to the issue here: -->
 
 ## Screenshots (if appropriate):