material: move a media query from cards to dedicated scss file

[github/wallabag/wallabag.git] / app / Resources / static / themes / material / css / media_queries.scss

diff --git a/app/Resources/static/themes/material/css/media_queries.scss b/app/Resources/static/themes/material/css/media_queries.scss
index 48f3aefc824f942d8333f85cb6a1d629d6d40c05..56e6fd0f2ba5c9a8e5a0edee0846d7fc0b3de3b1 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,10 @@
   .pagination {
     margin-left: auto;
   }
+  
+  .card-tag-labels li {
+    max-width: 50%;
+  }
 }
 
 @media only screen and (max-width: 992px) {
@@ -22,12 +26,22 @@
     padding-left: 0;
   }
 
+  table {
+    display: block;
+    overflow: auto;
+  }
+
+  iframe {
+    max-width: 100%;
+    height: auto;
+  }
+
   .nav-panels .action {
     padding-right: 0.75rem;
   }
 
   .nav-panel-buttom {
-    justify-content: space-around;
+    justify-content: space-between;
   }
 
   #article {