Merge pull request #1799 from wallabag/v2-fix-tabs-display-material

[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..6f44e1dac7725bda35296dfe9a9e0df26037cfeb 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
    ========================================================================== */
@@ -415,8 +420,25 @@ main ul.row {
     .reader-mode span {
         opacity: 1;
     }
+
+    .tabs {
+        display: inline-block;
+        height: auto;
+    }
+    .tab {
+        min-width: 100%;
+    }
+    .indicator {
+        display: none;
+    }
   }
 
+@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%;