diff --git a/projects/common/components/media-elements/media-player-control-bar/media-player-control-bar.component.css b/projects/common/components/media-elements/media-player-control-bar/media-player-control-bar.component.scss similarity index 94% rename from projects/common/components/media-elements/media-player-control-bar/media-player-control-bar.component.css rename to projects/common/components/media-elements/media-player-control-bar/media-player-control-bar.component.scss index dc5f763d2fc16e4515e50353e5af0fc6adb02ed4..4530e17fb3866a1eb0cd75bdf95f3982b9cef30e 100644 --- a/projects/common/components/media-elements/media-player-control-bar/media-player-control-bar.component.css +++ b/projects/common/components/media-elements/media-player-control-bar/media-player-control-bar.component.scss @@ -2,13 +2,12 @@ background-color: #f1f1f1; display: flex; flex-direction: row; - padding-right: 10px; overflow: hidden; } .control-button { - min-width: 20px; - padding: 0 5px; + min-width: 24px; + padding: 0 6px; } .enabled-control:hover{ diff --git a/projects/common/components/media-elements/media-player-control-bar/media-player-control-bar.component.ts b/projects/common/components/media-elements/media-player-control-bar/media-player-control-bar.component.ts index 6529753018dd5f7f89555dec40ba677a17a00253..9e2b4f2a373c2f98df0c39b5cd3e784b1d8bdcf6 100644 --- a/projects/common/components/media-elements/media-player-control-bar/media-player-control-bar.component.ts +++ b/projects/common/components/media-elements/media-player-control-bar/media-player-control-bar.component.ts @@ -11,7 +11,7 @@ import { takeUntil } from 'rxjs/operators'; @Component({ selector: 'aspect-media-player-control-bar', templateUrl: './media-player-control-bar.component.html', - styleUrls: ['./media-player-control-bar.component.css'] + styleUrls: ['./media-player-control-bar.component.scss'] }) export class MediaPlayerControlBarComponent implements OnInit, OnChanges, OnDestroy { @Input() player!: HTMLVideoElement | HTMLAudioElement;