Merge pull request #3893 from wallabag/issue-3877

material: fix left padding of content on medium screens

diff --git a/app/Resources/static/themes/material/css/cards.scss b/app/Resources/static/themes/material/css/cards.scss
index 4f67e03850096c1f05fa06017d43d3502010cd36..4cbeb7bdf6ee020c255da85da003a79ea8e88050 100644 (file)
--- a/app/Resources/static/themes/material/css/cards.scss
+++ b/app/Resources/static/themes/material/css/cards.scss
@@ -272,9 +272,3 @@ a.original:not(.waves-effect) {
 .settings .div_tabs {
   padding-bottom: 15px;
 }
-
-@media only screen and (min-width: 992px) {
-  .card-tag-labels li {
-    max-width: 50%;
-  }
-}

diff --git a/app/Resources/static/themes/material/css/media_queries.scss b/app/Resources/static/themes/material/css/media_queries.scss
index 725844269e90f8bb7de4fbe95f52fbfdd49b374c..1626365e87206d6f24ecf794292cc118132e827c 100644 (file)
--- a/app/Resources/static/themes/material/css/media_queries.scss
+++ b/app/Resources/static/themes/material/css/media_queries.scss
@@ -12,6 +12,16 @@
   .pagination {
     margin-left: auto;
   }
+
+  .card-tag-labels li {
+    max-width: 50%;
+  }
+}
+
+@media screen and (min-width: 993px) {
+  main #content {
+    padding-left: 70px;
+  }
 }
 
 @media only screen and (max-width: 992px) {