fix: improve responsivness behaviour on small screens, fix #117

Codeinwp · Jul 21, 2019 · 10484bb · 10484bb
1 parent 178d1fc
commit 10484bb
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/assets/vue/components/exclusions.vue b/assets/vue/components/exclusions.vue
@@ -1,10 +1,11 @@
 <template>
     <div :class="{ 'saving--option' : this.$store.state.loading }">
-        <div class="columns is-desktop" id="filters-list">
-            <div class="column  ">
+        <div  id="filters-list">
+            <div class="columns  ">
                 <filter-control :type="'optimize'"></filter-control>
             </div>
-            <div class="column  " v-if="this.$store.state.site_settings.lazyload === 'enabled'">
+	        <hr/>
+            <div class="columns  " v-if="this.$store.state.site_settings.lazyload === 'enabled'">
                 <filter-control :type="'lazyload'"></filter-control>
             </div>
         </div>

diff --git a/assets/vue/components/resize.vue b/assets/vue/components/resize.vue
@@ -26,7 +26,7 @@
                 </p>
             </label>
 
-            <div class="column is-5 ">
+            <div class="column is-6 ">
                 <div class="columns">
                     <div class="field column is-narrow has-addons">
                         <p class="control">