X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=app%2FResources%2Fstatic%2Fthemes%2Fmaterial%2Fcss%2Fmedia_queries.scss;h=32d8c4844e579ba4ca4eba5fe84774b903b20582;hb=4ae4fa7b8969d8d158ec71645a8443518676a2ed;hp=08c2d8ab8ddbff2f2ccbe3bb1a230a23b81f0cc1;hpb=f99ebec0f2f39105147e3bdae790311db38c5ef9;p=github%2Fwallabag%2Fwallabag.git

diff --git a/app/Resources/static/themes/material/css/media_queries.scss b/app/Resources/static/themes/material/css/media_queries.scss
index 08c2d8ab..32d8c484 100644
--- a/app/Resources/static/themes/material/css/media_queries.scss
+++ b/app/Resources/static/themes/material/css/media_queries.scss
@@ -4,10 +4,24 @@
 
 @media only screen and (min-width: 992px) {
   nav,
-  body:not(.entry) main,
+  body:not(.entry):not(.login) main,
   footer {
     padding-left: 240px;
   }
+
+  .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) {
@@ -18,8 +32,14 @@
     padding-left: 0;
   }
 
-  .pagination {
-    width: auto;
+  table {
+    display: block;
+    overflow: auto;
+  }
+
+  iframe {
+    max-width: 100%;
+    height: auto;
   }
 
   .nav-panels .action {
@@ -27,7 +47,7 @@
   }
 
   .nav-panel-buttom {
-    justify-content: space-around;
+    justify-content: space-between;
   }
 
   #article {
@@ -62,9 +82,13 @@
     display: none;
   }
 
-  .pagination li.prev,
-  .pagination li.next {
-    width: auto;
+  .pagination li {
+    margin-bottom: 0.5rem;
+
+    &.prev,
+    &.next {
+      width: auto;
+    }
   }
 
   .drag-target + .drag-target {
@@ -150,3 +174,12 @@
     padding: 0;
   }
 }
+
+@media screen and (max-width: 310px),
+  screen and (min-width: 601px) and (max-width: 660px),
+  screen and (min-width: 993px) and (max-width: 1050px),
+  screen and (min-width: 1201px) and (max-width: 1250px) {
+  .card .card-action .reading-time .card-created-at {
+    display: none;
+  }
+}