From e1fc309d3e9441c731a999127cf4db420cc1e40d Mon Sep 17 00:00:00 2001
From: ekzyis <ek@stacker.news>
Date: Wed, 10 Sep 2025 21:48:55 +0200
Subject: [PATCH] Change order of tag and level in log message (#2504)

* Change order of tag and level in log message

* Decrease min-width of level
---
 styles/logger.module.css            | 2 +-
 wallets/client/components/logger.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/styles/logger.module.css b/styles/logger.module.css
index b3ec41b2..4fb08c12 100644
--- a/styles/logger.module.css
+++ b/styles/logger.module.css
@@ -38,7 +38,7 @@
 .level {
     font-weight: bold;
     text-transform: uppercase;
-    min-width: 32px;
+    min-width: 30px;
 }
 
 .tag {
diff --git a/wallets/client/components/logger.js b/wallets/client/components/logger.js
index a67a2ae8..f8eaa370 100644
--- a/wallets/client/components/logger.js
+++ b/wallets/client/components/logger.js
@@ -99,8 +99,8 @@ export function LogMessage ({ tag, level, message, context, ts }) {
     <>
       <div className={styles.row} onClick={handleClick} style={style}>
         <TimeSince timestamp={ts} />
-        {tag !== null && <Tag tag={tag?.toLowerCase() ?? 'system'} />}
         <Level level={level} />
+        {tag !== null && <Tag tag={tag?.toLowerCase() ?? 'system'} />}
         <Message message={message} />
         {hasContext && <Indicator show={showContext} />}
       </div>