From 7bb95bc4162eb8eeffff07f1da334fbf382054cd Mon Sep 17 00:00:00 2001 From: Robert Goldmann <deadlocker@gmx.de> Date: Sat, 19 Feb 2022 00:01:13 +0100 Subject: [PATCH] fixed alignment of icons for accounts --- src/main/resources/static/css/accounts.css | 12 ++++++++ src/main/resources/static/css/categories.css | 31 +++++++++++++++----- 2 files changed, 36 insertions(+), 7 deletions(-) diff --git a/src/main/resources/static/css/accounts.css b/src/main/resources/static/css/accounts.css index 6c7d94952..ac8698d37 100644 --- a/src/main/resources/static/css/accounts.css +++ b/src/main/resources/static/css/accounts.css @@ -3,6 +3,12 @@ width: 34px; } +.account-select-icon:not(i) { + height: 100%; + width: 100%; + padding: 10% +} + .account-icon-big { height: 4rem !important; width: 4rem !important; @@ -15,6 +21,12 @@ min-width: 4rem; } +.account-icon-big .account-select-icon:not(i) { + height: 100%; + width: 100%; + padding: 0; +} + .account-square-border { border: 3px solid var(--color-blue); line-height: 28px !important; diff --git a/src/main/resources/static/css/categories.css b/src/main/resources/static/css/categories.css index d2690f296..91303bc71 100644 --- a/src/main/resources/static/css/categories.css +++ b/src/main/resources/static/css/categories.css @@ -40,6 +40,15 @@ margin: 14px 16px; } +.category-circle-small .fa, +.category-circle-small .fab, +.category-circle-small .fad, +.category-circle-small .fal, +.category-circle-small .far, +.category-circle-small .fas { + line-height: 34px !important; +} + .category-circle-preview { display: flex; justify-content: center; @@ -53,15 +62,23 @@ font-size: 2.5rem !important; } -.category-circle-small .fa, -.category-circle-small .fab, -.category-circle-small .fad, -.category-circle-small .fal, -.category-circle-small .far, -.category-circle-small .fas { - line-height: 34px !important; +.category-circle-preview .fa, +.category-circle-preview .fab, +.category-circle-preview .fad, +.category-circle-preview .fal, +.category-circle-preview .far, +.category-circle-preview .fas { + line-height: 5rem !important; } +.category-circle-preview.account-icon-big .fa, +.category-circle-preview.account-icon-big .fab, +.category-circle-preview.account-icon-big .fad, +.category-circle-preview.account-icon-big .fal, +.category-circle-preview.account-icon-big .far, +.category-circle-preview.account-icon-big .fas { + line-height: 4rem !important; +} .category-square { border-radius: 10%; -- GitLab