fix search at mobile

src/components/custom/FilterDropdown.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="inline-flex ml-auto">
+  <div class="inline-flex md:ml-auto">
     <header
       class="
         inline-flex

src/components/custom/SearchBox.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="inline-flex rounded-full border-grey-light test">
+  <div class="inline-flex rounded-full border-grey-light test m-auto lg:m-0">
     <button>
       <span class="w-auto inline-flex justify-end items-center text-grey p-2">
         <font-awesome :icon="['fas', 'search']" />

src/pages/Blog.vue

@@ -10,10 +10,10 @@
       :months="months"
     /> -->
     <div
-      class="container sm:pxi-0 mx-auto mt-8"
+      class="container sm:pxi-0 mx-auto overflow-hidden"
       :style="{ 'min-height': contentHeight + 'px' }"
     >
-      <div class="flex">
+      <div class="flex flex-wrap my-5">
         <FilterDropdown
           class="xs:w-1/2"
           @selectedTopic="setTopic"

src/pages/News.vue

@@ -14,7 +14,7 @@
       class="container sm:pxi-0 mx-auto overflow-hidden"
       :style="{ 'min-height': contentHeight + 'px' }"
     >
-      <div class="flex ml-auto my-5">
+      <div class="flex flex-wrap my-5">
         <FilterDropdown @selectedTopic="setTopic" :topics="topics" />
         <SearchBox v-model="search" />
       </div>