X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=src%2FWallabag%2FCoreBundle%2FResources%2Fpublic%2Fthemes%2Fmaterial%2Fcss%2Fmain.css;h=9d9ebe121313680dc6cb32b4f2a72909f27282f1;hb=c21f2924f39c99fbfb6ee2e0918726e9de2c5e27;hp=96c38822e4133b7f79ce541435bc862570d7e2b2;hpb=015e4284f0628750e5d2ce1de27fafe964286562;p=github%2Fwallabag%2Fwallabag.git 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 96c38822..9d9ebe12 100755 --- a/src/Wallabag/CoreBundle/Resources/public/themes/material/css/main.css +++ b/src/Wallabag/CoreBundle/Resources/public/themes/material/css/main.css @@ -52,6 +52,7 @@ body { body.login main { padding: 0; + min-height: 100vh; } .border-bottom { @@ -80,6 +81,14 @@ main, #content, .valign-wrapper { margin-bottom: 0; } +.pagination { + float: right; +} + +.pagination ul { + margin: 0 !important; +} + .pagination li { padding: 0; } @@ -90,6 +99,18 @@ main, #content, .valign-wrapper { display: block; } +.pagination li.active span { + padding: 0px 10px; + height: 30px; + display: block; + color: #fff; +} + +.pagination .disabled { + margin-right: 10px; + margin-left: 10px; +} + .page-footer .footer-copyright p { display: inline; } @@ -186,6 +207,10 @@ nav input { display: none; } +.input-field.nav-panel-add, .input-field.nav-panel-add form { + height: 100%; +} + /* ========================================================================== 2 = Side-nav ========================================================================== */ @@ -265,6 +290,12 @@ main ul.row { .card .card-content .card-title { line-height: 32px; + max-height: 64px; + display: block; +} + +.card .card-content i.right, .card .card-reveal i.right { + margin-left: 0; } .card .card-content .estimatedTime { @@ -325,7 +356,8 @@ main ul.row { max-width: 40em; } -#article img { +#article img, +#article figure { max-width: 100%; height: auto; } @@ -417,6 +449,9 @@ main ul.row { .indicator { display: none; } + .pagination li.prev, .pagination li.next { + width: auto; + } } @media only screen and (min-width : 400px) {