From 73dd948a33ca2207eeebe5ff716c9eee1b359b75 Mon Sep 17 00:00:00 2001 From: Yarmo Mackenbach Date: Mon, 25 Sep 2023 17:13:06 +0200 Subject: [PATCH] fix: improve claim image layout --- static-src/kx-styles.scss | 6 ++++-- views/profile.pug | 2 +- 2 files changed, 5 insertions(+), 3 deletions(-) diff --git a/static-src/kx-styles.scss b/static-src/kx-styles.scss index 904208c..41291a6 100644 --- a/static-src/kx-styles.scss +++ b/static-src/kx-styles.scss @@ -93,6 +93,9 @@ kx-claim { } .info { + display: flex; + align-items: baseline; + gap: 8px; flex: 1; } @@ -103,9 +106,8 @@ kx-claim { .info img { width: 16px; height: 16px; - margin-right: 8px; - vertical-align: sub; opacity: 0.5; + transform: translateY(3px); @media (prefers-color-scheme: dark) { filter: invert(1); diff --git a/views/profile.pug b/views/profile.pug index c9a9e11..b858a31 100644 --- a/views/profile.pug +++ b/views/profile.pug @@ -21,8 +21,8 @@ mixin generatePersona(persona, isPrimary) details(aria-label="Claim") summary .info + img(src=`https://design.keyoxide.org/brands/service-providers/_/icon.svg` onerror="this.src='https://design.keyoxide.org/brands/service-providers/_/icon.svg'") p - img(src=`https://design.keyoxide.org/brands/service-providers/_/icon.svg` onerror="this.src='https://design.keyoxide.org/brands/service-providers/_/icon.svg'") span.title= claim.display.name span.subtitle-wrapper | [