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

@@ -38,7 +38,7 @@
 .level {
     font-weight: bold;
     text-transform: uppercase;
-    min-width: 32px;
+    min-width: 30px;
 }
 
 .tag {

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>