From af477c56b1608fd44c840d0fa40192924bd7b4f3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?V=C3=ADctor=20Losada=20Hern=C3=A1ndez?=
 <losada.hernandez.victor@gmail.com>
Date: Sat, 15 Nov 2025 20:23:03 +0100
Subject: [PATCH] last changes

---
 .../editor/metadataEditor/metadataEditor.jsx  | 19 ++++---
 .../editor/metadataEditor/metadataEditor.less | 55 +++++++++++--------
 2 files changed, 45 insertions(+), 29 deletions(-)

diff --git a/client/homebrew/editor/metadataEditor/metadataEditor.jsx b/client/homebrew/editor/metadataEditor/metadataEditor.jsx
index 5ad5c56e9..8bba6a135 100644
--- a/client/homebrew/editor/metadataEditor/metadataEditor.jsx
+++ b/client/homebrew/editor/metadataEditor/metadataEditor.jsx
@@ -205,15 +205,20 @@ const MetadataEditor = createClass({
 
 	renderAuthors : function(){
 		const authors = this.props.metadata.authors;
-		let text = 'None.';
-		if(authors && authors.length){
-			text = authors.join(', ');
-		}
 		if(!this.state.isOwner || authors.length < 2) return (
 			<div className='field authors'>
 				<label>authors</label>
 				<div className='value'>
-					{text}
+					{authors.length > 0 && (
+						<a href={`/user/${authors[0]}`} className='author-link' title={`Owner - Click to open ${authors[0]}'s profile in a new tab`}>
+								{authors[0]}{authors.length > 1 && ', '}
+						</a>
+					)}
+					{authors.length > 1 && authors.slice(1).map((author, i)=>(
+        				<a href={`/user/${author}`} className='author-link' title={`Author - Click to open ${author}'s profile in a new tab`}>
+        					{author}{i+2 < authors.length && ', '}
+        				</a>
+        			))}
 				</div>
 			</div>
 		);
@@ -223,7 +228,7 @@ const MetadataEditor = createClass({
 				<ul className='list'>
 					{authors.length > 0 && (
 						<li className='tag owner' title='Owner'>
-							<a href={`/user/${authors[0]}`} className='author-link'>
+							<a href={`/user/${authors[0]}`} className='author-link' title={`Owner - Click to open ${authors[0]}'s profile in a new tab`}>
 								{authors[0]}
 							</a>
 						</li>
@@ -231,7 +236,7 @@ const MetadataEditor = createClass({
 
 					{authors.length > 1 && authors.slice(1).map((author, i)=>(
         				<li className='tag author' key={i + 1} title='Author'>
-        					<a href={`/user/${author}`} className='author-link'>
+        					<a href={`/user/${author}`} className='author-link' title={`Author - Click to open ${authors[0]}'s profile in a new tab`}>
         						{author}
         					</a>
         					<button
diff --git a/client/homebrew/editor/metadataEditor/metadataEditor.less b/client/homebrew/editor/metadataEditor/metadataEditor.less
index 0b2b74981..9978a45c7 100644
--- a/client/homebrew/editor/metadataEditor/metadataEditor.less
+++ b/client/homebrew/editor/metadataEditor/metadataEditor.less
@@ -162,33 +162,44 @@
 		}
 	}
 	.authors.field {
-		.tag.owner {
-			position: relative;
-			background-color:@silverLight;
-			min-width:25px;
-			display:grid;
-			place-items:center;
-			font-weight: 900;
+		.tag {
+			font-weight:300;
+			transition:background-color 0.2s;
 
-			&::after {
-				content: "\f521";
-				font-family: "Font Awesome 6 Free";
-				color:gold;
-				position: absolute;
-				top: 0;
-				left: 50%;
-				width:15px;
-				height:15px;
-				translate:-50% -90%;
+			&.owner {
+				position: relative;
+				background-color:@silverLight;
+				min-width:25px;
+				display:grid;
+				place-items:center;
+				font-weight: 900;
+
+				&::after {
+					content: "\f521";
+					font-family: "Font Awesome 6 Free";
+					color:gold;
+					position: absolute;
+					top: 0;
+					left: 0;
+					width:15px;
+					height:15px;
+					rotate:-45deg;
+					translate:-50% -50%;
+				}
+			}
+			&:has(button:hover) {
+				background:#d97d7d;
 			}
-		}
-		button {
-			color:@redLight;
-		}
 
+			button {
+				color:@red;
+			}
+
+		
+		}
 		a {
 			color:black;
-
+			text-decoration:unset;
 		}
 	}