1 files changed, 19 insertions, 10 deletions

diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/material/public/css/main.css b/src/Wallabag/CoreBundle/Resources/views/themes/material/public/css/main.css
index 49549edc..8ec83f89 100755
--- a/src/Wallabag/CoreBundle/Resources/views/themes/material/public/css/main.css
+++ b/src/Wallabag/CoreBundle/Resources/views/themes/material/public/css/main.css
@@ -128,7 +128,7 @@ main ul.row {
     padding: 0px 0.75rem;
 }
 
-main .card .card-content {
+.data .card .card-content {
     min-height: 25em;
 }
 
@@ -158,6 +158,12 @@ main .card .card-content {
     padding-bottom: 15px;
 }
 
+.card.sw {
+    max-width: 370px;
+    margin-left: auto;
+    margin-right: auto;
+}
+
 /* ==========================================================================
    4 = Article
    ========================================================================== */
@@ -194,6 +200,18 @@ main .card .card-content {
     header, main, footer {
       padding-left: 0;
     }
+    nav, main, footer {
+        padding-left: 0;
+    }
+    .pagination {
+        width: auto;
+    }
+    .reader-mode {
+        width: 240px !important;
+    }
+    .reader-mode span {
+        opacity: 1;
+    }
   }
 
 @media only screen and (min-width : 993px) and (max-width : 1180px) {
@@ -229,15 +247,6 @@ main .card .card-content {
     margin-left: 0; }
 }
 
-@media only screen and (max-width : 993px) {
-    nav, main, footer {
-        padding-left: 0;
-    }
-    .pagination {
-        width: auto;
-    }
-}
-
 @media only screen and (max-width : 350px) {
     .nb-results {
         display: none;