Fix topbar icon cutoff on view page

sei-awelle · sei-awelle · commit e9dd2c7eed31 · 2026-03-12T14:58:07.000Z
Update focused-app container top position from 40px to 46px to match topbar height and prevent overlap
diff --git a/src/app/components/player/focused-app/focused-app.component.scss b/src/app/components/player/focused-app/focused-app.component.scss
@@ -8,7 +8,7 @@
 
 .focused-app-container {
   position: absolute;
-  top: 40px;
+  top: 46px;
   bottom: 50px;
   left: 0;
   right: 0;
diff --git a/src/app/components/shared/top-bar/topbar.component.scss b/src/app/components/shared/top-bar/topbar.component.scss
@@ -50,6 +50,7 @@ mat-icon, .mat-icon {
   --mat-icon-color: var(--mat-sys-on-primary);
 }
 
-.margin-auto button mat-icon {
+.margin-auto button mat-icon,
+.margin-auto a mat-icon {
   color: var(--mat-sys-primary);
 }

Original file line number	Diff line number	Diff line change
`@@ -50,6 +50,7 @@ mat-icon, .mat-icon {`
`50`	`50`	`--mat-icon-color: var(--mat-sys-on-primary);`
`51`	`51`	`}`
`52`	`52`
`53`		`-.margin-auto button mat-icon {`
	`53`	`+.margin-auto button mat-icon,`
	`54`	`+.margin-auto a mat-icon {`
`54`	`55`	`color: var(--mat-sys-primary);`
`55`	`56`	`}`