From b3916fa6f440270a9f4a1f8d8d07c5aa11435347 Mon Sep 17 00:00:00 2001 From: jcorporation Date: Mon, 9 Jul 2018 19:44:42 +0100 Subject: [PATCH] Improved alignment of icons --- htdocs/css/mpd.css | 26 ++++++++++++++------------ htdocs/index.html | 20 ++++++++++---------- htdocs/js/mpd.js | 2 +- 3 files changed, 25 insertions(+), 23 deletions(-) diff --git a/htdocs/css/mpd.css b/htdocs/css/mpd.css index c02a0ca..7d898e7 100644 --- a/htdocs/css/mpd.css +++ b/htdocs/css/mpd.css @@ -114,10 +114,8 @@ button { -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; - /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ font-feature-settings: 'liga'; } @@ -159,28 +157,32 @@ main { width:160px; } +.title-icon { + float:left; + margin-right:5px; + font-size:1.8rem; +} + .header-logo { font-size:2rem; float:left; margin-right:5px; } -#BrowseFilesystemFilterLetters > button, -#BrowseDatabaseFilterLetters > button, -#BrowsePlaylistsFilterLetters > button -{ +.letters > button { width:28px; + height:28px; } .col-md { - min-width:260px; - max-width:260px; + max-width:250px; + min-width:250px; } -.card-img-top { - min-height:250px; - background-repeat:no-repeat; - background-color:#eee; +a.card-img-top { + height:250px; + overflow:hidden; + display:block; } button.active { diff --git a/htdocs/index.html b/htdocs/index.html index 397dd8f..5c6fb38 100644 --- a/htdocs/index.html +++ b/htdocs/index.html @@ -198,7 +198,7 @@