display pictures properly

[github/wallabag/wallabag.git] / src / Wallabag / CoreBundle / Resources / public / themes / material / css / main.css

diff --git a/src/Wallabag/CoreBundle/Resources/public/themes/material/css/main.css b/src/Wallabag/CoreBundle/Resources/public/themes/material/css/main.css
index 0ce334a319212ac0a1a8e12b6547cd36c161d5ed..528c1c016708bc701d8939cf740e069d316bb78c 100755 (executable)
--- a/src/Wallabag/CoreBundle/Resources/public/themes/material/css/main.css
+++ b/src/Wallabag/CoreBundle/Resources/public/themes/material/css/main.css
@@ -149,10 +149,6 @@ nav input {
     max-height: 64px;
 }
 
-.nav-panel-buttom {
-    float: right;
-}
-
 .nav-panels {
     transition: background 0.2s ease;
 }
@@ -343,6 +339,11 @@ main ul.row {
     max-width: 40em;
 }
 
+#article img {
+    max-width: 100%;
+    height: auto;
+}
+
 .reader-mode {
     width: 95px !important;
     transition: width 0.2s ease;
@@ -395,6 +396,10 @@ main ul.row {
     color: #ffffff;
 }
 
+#article aside .chip i {
+    color: #ffffff;
+}
+
 /* ==========================================================================
    6 = Media queries
    ========================================================================== */
@@ -417,6 +422,12 @@ main ul.row {
     }
   }
 
+@media only screen and (min-width : 400px) {
+    .nav-panel-buttom {
+        float: right;
+    }
+}
+
 @media only screen and (min-width : 993px) and (max-width : 1180px) {
     .row .col.l1 {
     width: 25%;