From e1502a15e92a5a6d5b5a010dcd59600bbb87e44a Mon Sep 17 00:00:00 2001 From: Jan Sandbrink Date: Tue, 3 Dec 2024 11:02:31 +0100 Subject: [PATCH] Beautify dev highlight This might be an issue dependent on the OS or available fonts, but to me the header in development mode read like "developmerdevelopmer", because the text was wider than the image width we allocated. By increasing the width to 120px, there is now some whitespace left between the images (hopefully for most OSes), which looks nicer IMO and makes the dev-hint more readable. --- frontend/src/global_styles/common/header/app-header.sass | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/frontend/src/global_styles/common/header/app-header.sass b/frontend/src/global_styles/common/header/app-header.sass index 28c081a03a16..87f17c2e29ad 100644 --- a/frontend/src/global_styles/common/header/app-header.sass +++ b/frontend/src/global_styles/common/header/app-header.sass @@ -83,4 +83,4 @@ padding-right: 1rem &.op-app-header_development - background-image: url("data:image/svg+xml,development") + background-image: url("data:image/svg+xml,development")