From f1b2f93c094e88be6087ba06748f090ec794ac40 Mon Sep 17 00:00:00 2001 From: "Patrik J. Braun" Date: Wed, 6 Sep 2023 22:39:44 +0200 Subject: [PATCH] Improve albums and faces padding #587 --- .../app/ui/albums/album/album.component.css | 1 + src/frontend/app/ui/albums/albums.component.css | 5 +++++ src/frontend/app/ui/faces/face/face.component.css | 1 + src/frontend/app/ui/faces/faces.component.css | 15 ++++++++++----- 4 files changed, 17 insertions(+), 5 deletions(-) diff --git a/src/frontend/app/ui/albums/album/album.component.css b/src/frontend/app/ui/albums/album/album.component.css index fb4204e9..fbac46cd 100644 --- a/src/frontend/app/ui/albums/album/album.component.css +++ b/src/frontend/app/ui/albums/album/album.component.css @@ -60,6 +60,7 @@ a { left: 0; padding: 5px; width: 100%; + line-height: normal; } a:hover .info { diff --git a/src/frontend/app/ui/albums/albums.component.css b/src/frontend/app/ui/albums/albums.component.css index 9d056715..b7c3aa81 100644 --- a/src/frontend/app/ui/albums/albums.component.css +++ b/src/frontend/app/ui/albums/albums.component.css @@ -3,6 +3,11 @@ app-album { display: inline-block; } + +.container-fluid { + line-height: 0; +} + .no-item-msg { height: 100vh; text-align: center; diff --git a/src/frontend/app/ui/faces/face/face.component.css b/src/frontend/app/ui/faces/face/face.component.css index d63bf74c..611c3d7d 100644 --- a/src/frontend/app/ui/faces/face/face.component.css +++ b/src/frontend/app/ui/faces/face/face.component.css @@ -79,6 +79,7 @@ a { left: 0; padding: 5px; width: 100%; + line-height: normal; } a:hover .info { diff --git a/src/frontend/app/ui/faces/faces.component.css b/src/frontend/app/ui/faces/faces.component.css index 87d1f048..dfa4fa6c 100644 --- a/src/frontend/app/ui/faces/faces.component.css +++ b/src/frontend/app/ui/faces/faces.component.css @@ -1,13 +1,18 @@ app-face { - margin: 2px; - display: inline-block; + margin: 2px; + display: inline-block; +} + + +.container-fluid { + line-height: 0; } .no-face-msg { - height: 100vh; - text-align: center; + height: 100vh; + text-align: center; } .no-face-msg h2 { - color: #6c757d; + color: #6c757d; }