From 883a08a1304484740d5d96a49a973fd20058cbc3 Mon Sep 17 00:00:00 2001
From: Carlos Santos <4a.santos@gmail.com>
Date: Tue, 30 Sep 2025 17:04:22 +0200
Subject: [PATCH] frontend: enhance share meeting link styles with hover
 effects and update moderator badge icon alignment

---
 .../share-meeting-link.component.scss                 | 11 ++++++++++-
 .../src/lib/pages/meeting/meeting.component.scss      |  4 +++-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/frontend/projects/shared-meet-components/src/lib/components/share-meeting-link/share-meeting-link.component.scss b/frontend/projects/shared-meet-components/src/lib/components/share-meeting-link/share-meeting-link.component.scss
index 9f6b9f7..57b2ff0 100644
--- a/frontend/projects/shared-meet-components/src/lib/components/share-meeting-link/share-meeting-link.component.scss
+++ b/frontend/projects/shared-meet-components/src/lib/components/share-meeting-link/share-meeting-link.component.scss
@@ -66,6 +66,10 @@
 			text-overflow: ellipsis;
 			white-space: nowrap;
 			overflow: hidden;
+
+			&:hover {
+				text-decoration: underline;
+			}
 		}
 
 		.copy-url-btn {
@@ -74,7 +78,7 @@
 			height: 32px;
 			min-width: 32px;
 			padding: 0;
-			color: var(--ov-meet-text-hint);
+			color: var(--ov-secondary-action-color);
 			cursor: pointer;
 			background: transparent;
 			border: 0;
@@ -82,6 +86,11 @@
 			.mat-icon {
 				@include ov-icon(sm);
 			}
+
+			&:hover {
+				background-color: var(--ov-hover-color);
+				color: var(--ov-text-surface-color);
+			}
 		}
 	}
 }
diff --git a/frontend/projects/shared-meet-components/src/lib/pages/meeting/meeting.component.scss b/frontend/projects/shared-meet-components/src/lib/pages/meeting/meeting.component.scss
index 3be044a..571bb14 100644
--- a/frontend/projects/shared-meet-components/src/lib/pages/meeting/meeting.component.scss
+++ b/frontend/projects/shared-meet-components/src/lib/pages/meeting/meeting.component.scss
@@ -320,6 +320,8 @@
 	}
 	.moderator-badge {
 		color: var(--ov-meet-color-warning);
-		margin-right: var(--ov-meet-spacing-xs);
+		mat-icon {
+			vertical-align: bottom;
+		}
 	}
 }