merged with dev

adminstyles.css

@@ -1677,19 +1677,32 @@ Add your custom styles in this file so it is easier to update the theme.
 }
 
 @media screen and (max-width: 48em) {
+<<<<<<< HEAD
 	.edit-post-visual-editor__content-area .ofisuport-filters section {
 		display: inline-block;
+=======
+	.edit-post-visual-editor__content-area .post,
+	.edit-post-visual-editor__content-area .page {
+		margin: 0 0 1em;
+	}
+	.edit-post-visual-editor__content-area .ofisuport-filters section {
+		display: block;
+>>>>>>> dev
 	}
 	.edit-post-visual-editor__content-area .ofisuport-filters section h5 {
-		display: inline-block;
+		display: block;
 		width: 100%;
 	}
 	.edit-post-visual-editor__content-area .ofisuport-filters section .filter {
 		display: inline-block;
 		width: 45%;
+		margin-top: 0.5rem;
 		margin-right: 0.3em;
 		float: left;
 	}
+	.edit-post-visual-editor__content-area .ofisuport-filters section .filter:last-of-type {
+		margin-bottom: 2rem;
+	}
 }
 
 @media screen and (min-width: 48em) {

sass/components/content/_posts-and-pages.scss

@@ -102,7 +102,7 @@
       }
     }
   }
-  .ofisuport-filters{
+  .ofisuport-filters {
     section {
       margin: 1em 0;
     }
@@ -153,25 +153,34 @@
 @media screen and (max-width: 48em) {
   //only smaller than 48em
 
+  .post,
+  .page {
+    margin: 0 0 1em;
+  }
+
   .ofisuport-filters {
     section {
-      display: inline-block;
+      display: block;
       h5 {
-        display: inline-block;
+        display: block;
         width: 100%;
       }
       .filter {
         display: inline-block;
         width: 45%;
+        margin-top: 0.5rem;
         margin-right: 0.3em;
         float: left;
+        &:last-of-type {
+          margin-bottom: 2rem;
+        }
       }
     }
   }
 }
 @media screen and (min-width: 48em) {
   //only bigger than 48em
-  .ofisuport-filters{
+  .ofisuport-filters {
     padding-right: 2em;
     section {
       margin: 1em 0;

style.css

@@ -1612,19 +1612,32 @@ textarea {
 }
 
 @media screen and (max-width: 48em) {
+<<<<<<< HEAD
 	.ofisuport-filters section {
 		display: inline-block;
+=======
+	.post,
+	.page {
+		margin: 0 0 1em;
+	}
+	.ofisuport-filters section {
+		display: block;
+>>>>>>> dev
 	}
 	.ofisuport-filters section h5 {
-		display: inline-block;
+		display: block;
 		width: 100%;
 	}
 	.ofisuport-filters section .filter {
 		display: inline-block;
 		width: 45%;
+		margin-top: 0.5rem;
 		margin-right: 0.3em;
 		float: left;
 	}
+	.ofisuport-filters section .filter:last-of-type {
+		margin-bottom: 2rem;
+	}
 }
 
 @media screen and (min-width: 48em) {