X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=app%2FResources%2Fstatic%2Fthemes%2Fmaterial%2Fcss%2Fmedia_queries.scss;h=725844269e90f8bb7de4fbe95f52fbfdd49b374c;hb=2daae770942911428fba11af207e61e6460cff98;hp=96f344943a8be5b87a34f1192bab8f12b45bda86;hpb=c07ec4b6820723165bd7b832681ad6d43ad605d0;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 96f34494..72584426 100644
--- a/app/Resources/static/themes/material/css/media_queries.scss
+++ b/app/Resources/static/themes/material/css/media_queries.scss
@@ -2,21 +2,34 @@
    Media queries
    ========================================================================== */
 
+@media only screen and (min-width: 992px) {
+  nav,
+  body:not(.entry):not(.login) main,
+  footer {
+    padding-left: 240px;
+  }
+
+  .pagination {
+    margin-left: auto;
+  }
+}
+
 @media only screen and (max-width: 992px) {
   header,
   main,
-  footer {
+  footer,
+  nav {
     padding-left: 0;
   }
 
-  nav,
-  main,
-  footer {
-    padding-left: 0;
+  table {
+    display: block;
+    overflow: auto;
   }
 
-  .pagination {
-    width: auto;
+  iframe {
+    max-width: 100%;
+    height: auto;
   }
 
   .nav-panels .action {
@@ -24,7 +37,7 @@
   }
 
   .nav-panel-buttom {
-    justify-content: space-around;
+    justify-content: space-between;
   }
 
   #article {
@@ -59,9 +72,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 {