From c01901a30c8a35b6e607174397c36fcb93442a04 Mon Sep 17 00:00:00 2001
From: "Grigorii K. Shartsev" <me@shgk.me>
Date: Fri, 7 Nov 2025 23:56:05 +0100
Subject: [PATCH] fix(core/css): adjust <kbd> style to new design

Signed-off-by: Grigorii K. Shartsev <me@shgk.me>
---
 core/css/apps.scss | 21 ++++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

diff --git a/core/css/apps.scss b/core/css/apps.scss
index f82e5e9ab2f..718e21083f1 100644
--- a/core/css/apps.scss
+++ b/core/css/apps.scss
@@ -98,12 +98,23 @@ dt {
 }
 
 kbd {
-	padding: 4px 10px;
-	border: 1px solid #ccc;
-	box-shadow: 0 1px 0 rgba(0, 0, 0, .2);
-	border-radius: var(--border-radius);
-	display: inline-block;
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	min-width: var(--default-clickable-area);
+	height: var(--default-clickable-area);
+	padding-inline: calc(2 * var(--default-grid-baseline)) calc(2 * var(--default-grid-baseline));
+	border: 2px solid var(--color-primary-element-light);
+	border-block-end-width: 4px;
+	border-radius: var(--border-radius-element);
+	box-shadow: none;
+	font-family: var(--font-family);
+	line-height: 1;
 	white-space: nowrap;
+
+	& + kbd {
+		margin-inline-start: calc(1 * var(--default-grid-baseline));
+	}
 }