Merge pull request #1472 from wallabag/v2-clean-views

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

diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/material/public/css/main.css b/src/Wallabag/CoreBundle/Resources/views/themes/material/public/css/main.css
index 286fa6414600cf117755569134d7be09b6eb24e0..1fe4a53364fef6452eb59221fd274ad55ebacdab 100755 (executable)
--- a/src/Wallabag/CoreBundle/Resources/views/themes/material/public/css/main.css
+++ b/src/Wallabag/CoreBundle/Resources/views/themes/material/public/css/main.css
@@ -24,6 +24,10 @@ body {
     background: #f0f0f0;
 }
 
+body.login main {
+    padding: 0;
+}
+
 #warning_message {
     position: fixed;
     background-color: #ff6347;
@@ -209,6 +213,11 @@ nav input {
     overflow-y: visible;
 }
 
+#filters div.with-checkbox {
+    height: 3rem;
+    margin-top: 0px;
+}
+
 /* ==========================================================================
    4 = Cards
    ========================================================================== */
@@ -221,7 +230,7 @@ main ul.row {
     padding: 0px 0.75rem;
 }
 
-.data .card .card-content {
+.data .card .card-body {
     height: 22em;
     overflow: hidden;
 }
@@ -245,9 +254,14 @@ main ul.row {
 }
 
 .card .card-action a {
+    color: #ffffff;
     margin: 0;
 }
 
+.card .card-action a:hover {
+    color: #ffffff;
+}
+
 .settings .div_tabs {
     padding-bottom: 15px;
 }
@@ -258,6 +272,21 @@ main ul.row {
     margin-right: auto;
 }
 
+.mdi-card-close:before {
+    content: "\e8aa";
+}
+
+.card .card-image {
+    height: 14em;
+}
+
+.card .card-image .preview {
+    height: 14em;
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-position: 50%;
+}
+
 /* ==========================================================================
    5 = Article
    ========================================================================== */
@@ -315,16 +344,9 @@ main ul.row {
     margin-right: 15px;
 }
 
-#article aside span a {
+#article aside .chip {
     background-color: #039be5;
-    color: #fff;
-    border-radius: 3px;
-    float: left;
-    font-size: 0.6em;
-    margin-left: 0.5em;
-    margin-bottom: 0.5em;
-    padding: 4px;
-    text-decoration: none;
+    color: #ffffff;
 }
 
 /* ==========================================================================
@@ -391,6 +413,7 @@ main ul.row {
    7 = Others
    ========================================================================== */
 
-div.input-field div, div.input-field ul {
+/* force height on non-input field in the settings page */
+div.settings div.input-field div, div.settings div.input-field ul {
     margin-top: 40px;
 }