Entry action buttons displayed on page end reached

[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 27ff52214d521620f735c2bb7b85a306f8e2d134..755372c9556e389fd9c8f5a98662ed45858179a1 100644 (file)
--- a/app/Resources/static/themes/material/css/article.scss
+++ b/app/Resources/static/themes/material/css/article.scss
@@ -5,12 +5,14 @@
 #article {
   font-size: 20px;
   margin: 0 auto;
+  padding-bottom: 80px;
   max-width: 45em;
 
   article {
     color: #424242;
     font-size: 18px;
     line-height: 1.7em;
+    overflow-wrap: break-word;
 
     h1,
     h2,
@@ -108,12 +110,17 @@
 
       .stats {
         font-size: 0.8em;
-        margin: 8px 15px 5px;
+        margin: 8px 5px 5px;
 
         li {
           display: inline-flex;
           vertical-align: middle;
-          margin: 0 5px;
+          margin: 3px 5px;
+
+          i.material-icons {
+            color: #3e3e3e;
+            margin-right: 3px;
+          }
         }
 
         a {
@@ -166,18 +173,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 {