chore: Tweaked color and typograhic styling of hover popup label. Modified the margins of script popup.

Author: hummelstrand

packages/webui/src/client/ui/PreviewPopUp/PreviewPopUp.scss

@@ -35,7 +35,7 @@
 	.preview-popUp__script,
 	.preview-popUp__script-comment,
 	.preview-popUp__script-last-modified {
-		padding: 0.3em;
+		padding: 0.4em 0.4em 0.4em 0.6em;
 		font-style: italic;
 	}
 
@@ -48,9 +48,10 @@
 	.preview-popUp__title {
 		width: 100%;
 
-		color: #adadad;
-		font-size: 0.875rem; // 14px;
+		color: #b2b2b2;
+		font-size: 0.938rem; // 15px;
 		font-weight: 400;
+		letter-spacing: 0.02rem;
 
 		padding: 5px;
 	}

packages/webui/src/client/ui/PreviewPopUp/PreviewPopUpContent.tsx

@@ -80,7 +80,7 @@ export function PreviewPopUpContent({ content, time }: PreviewPopUpContentProps)
 			return (
 				<div className="preview-popUp__timing">
 					<span className="label">IN: </span> {RundownUtils.formatTimeToShortTime(content.timeAsRendered?.in || 0)}
-					<span className="label"> DURATION: </span>
+					&nbsp; <span className="label">DURATION: </span>
 					{getDurationText(t, content.lifespan, content.timeAsRendered, content.enable)}
 				</div>
 			)