chore: Made the Mini-shelf adlibs buttons less tall, and tweaked their placement to make them visually connect to their segment.

hummelstrand · hummelstrand · commit ee11a917f062 · 2025-01-15T11:28:17.000+01:00
diff --git a/packages/webui/src/client/styles/shelf/dashboard-rundownView.scss b/packages/webui/src/client/styles/shelf/dashboard-rundownView.scss
@@ -1,7 +1,7 @@
 
 .rundown-view-shelf.dashboard-panel {
 	width: auto;
-	margin: 0 1.5em;
+	margin: -0.8em 1.5em 0px 0px;
 	padding: 0;
 	position: relative;
 	background: none;
@@ -134,6 +134,5 @@
 }
 
 .segment-timeline + .rundown-view-shelf {
-	padding: 5px;
-	padding-left: 12.5em;
+	padding: 2px 5px 5px 13.3em;
 }
diff --git a/packages/webui/src/client/styles/shelf/dashboard.scss b/packages/webui/src/client/styles/shelf/dashboard.scss
@@ -1,7 +1,7 @@
 @import '../colorScheme';
 
 $dashboard-button-width: 6.40625em;
-$dashboard-button-height: 5.625em;
+$dashboard-button-height: 3.625em;
 
 .dashboard {
 	position: absolute;

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`
`2`	`2`	`.rundown-view-shelf.dashboard-panel {`
`3`	`3`	`width: auto;`
`4`		`- margin: 0 1.5em;`
	`4`	`+ margin: -0.8em 1.5em 0px 0px;`
`5`	`5`	`padding: 0;`
`6`	`6`	`position: relative;`
`7`	`7`	`background: none;`
`@@ -134,6 +134,5 @@`
`134`	`134`	`}`
`135`	`135`
`136`	`136`	`.segment-timeline + .rundown-view-shelf {`
`137`		`- padding: 5px;`
`138`		`- padding-left: 12.5em;`
	`137`	`+ padding: 2px 5px 5px 13.3em;`
`139`	`138`	`}`