Merge pull request #4317 from wallabag/enhance-article-display

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

diff --git a/app/Resources/static/themes/material/css/article.scss b/app/Resources/static/themes/material/css/article.scss
index 75658a580f75232fa43d54591212eb98a26e7651..a1c6810e110346f798d274a2967cf1864c89e1ff 100644 (file)
--- a/app/Resources/static/themes/material/css/article.scss
+++ b/app/Resources/static/themes/material/css/article.scss
@@ -6,6 +6,9 @@
   font-size: 20px;
   margin: 0 auto;
   max-width: 45em;
+  padding: 5px 20px;
+  background-color: #fff;
+  box-shadow: 0 0 10px #ccc;
 
   article {
     color: #424242;
@@ -172,18 +175,18 @@
   &:hover {
     width: 260px !important;
 
-    .collapsible-body {
-      height: auto;
-
-      li a i.material-icons {
-        margin: auto 5px auto -8px;
-      }
-    }
-
     span {
       opacity: 1;
     }
   }
+
+  .collapsible-body {
+    height: auto;
+
+    li a i.material-icons {
+      margin: auto 5px auto -8px;
+    }
+  }
 }
 
 .progress {