fix app sidebar min-width to fit crucible logo when not in mini mode

Author: sei-aschlackman

src/app/components/player/player.component.html

@@ -10,7 +10,9 @@
   >
     <mat-sidenav
       #sidenav
-      class="appbarmenu-container"
+      [ngClass]="
+        (mini$ | async) ? 'appbarmenu-container-mini' : 'appbarmenu-container'
+      "
       mode="side"
       [opened]="opened$ | async"
       mwlResizable

src/app/components/player/player.component.scss

@@ -14,6 +14,11 @@
 }
 
 .appbarmenu-container {
+  min-width: 201px;
+  max-width: 20vw;
+}
+
+.appbarmenu-container-mini {
   min-width: 50px;
   max-width: 20vw;
 }

src/app/components/player/player.component.ts

@@ -258,7 +258,7 @@ export class PlayerComponent implements OnInit, OnDestroy {
   setResizeStyle() {
     if (!this.miniSubject.getValue()) {
       this.resizeStyle = {
-        'min-width': '10vw',
+        'min-width': '201px',
         'max-width': '33vw',
         width: this.sidenavWidth != null ? `${this.sidenavWidth}px` : null,
       };