Fix overflow wrap issue

[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 8b67f6bd3c7004b73c6d3cdb64df4d59d5b12c2a..75658a580f75232fa43d54591212eb98a26e7651 100644 (file)
--- a/app/Resources/static/themes/material/css/article.scss
+++ b/app/Resources/static/themes/material/css/article.scss
@@ -11,6 +11,7 @@
     color: #424242;
     font-size: 18px;
     line-height: 1.7em;
+    overflow-wrap: break-word;
 
     h1,
     h2,
@@ -108,12 +109,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 {
@@ -132,6 +138,7 @@
       background-color: $blueAccentColor;
       padding: 0 15px 0 10px;
       margin: auto 2px;
+      border-radius: 6px;
 
       a,
       i {