chore: Tweaked size and margins of the numbered marker BBC has added to the Segment Header, so that it visually seperates itself from the rest of the header string, and also aligns better.

Author: hummelstrand

packages/webui/src/client/styles/rundownView.scss

@@ -510,8 +510,8 @@ svg.icon {
 
 		h2 {
 			margin: 0;
-			padding: 0.3em;
-			line-height: 1.2em;
+			padding: 0.2em;
+			line-height: 1.1em;
 			//letter-spacing: 0px;
 			font-weight: 400;
 			hyphens: auto;

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

@@ -19,11 +19,14 @@ $timeline-layer-height: 1em;
 }
 .segment-timeline__title__label.identifier::before {
 	content: attr(data-identifier);
+	border-radius: 3px;
 	background-color: #095709;
-	margin-right: 10px;
-	padding: 3px;
+	margin-right: 4px;
+	padding: 0px 3px 0px 2px;
 	white-space: nowrap;
-	border-radius: 3px;
+	font-size: 0.9em;
+	font-weight: 300;
+	vertical-align: text-bottom;
 }
 .segment-timeline__title__user-edit-states {
 	position: absolute;