Added borders to the side nav.

src/app/launcher/launcher.component.css

@@ -9,3 +9,17 @@
 .mat-row {
     height: 24px;
 }
+
+.mat-drawer {
+  background-color: #f0f0f0;
+}
+
+.sidenav-box {
+  border: 1px solid #a2bae1;
+  width: 100%;
+}
+
+.mat-expansion-panel-header 
+.mat-expansion-panel-body {
+  padding: 0, 0, 0, 0;
+}
\ No newline at end of file

src/app/launcher/launcher.component.html

@@ -2,7 +2,12 @@
 <mat-sidenav-container fxFlexFill autosize>
     <mat-sidenav #idSideNav mode="side" [opened]="(settingsService.menuToggle$ | async) && (settingsService.useMenu$ | async)">
         <div fxLayout="column" fxLayout="stretch" style="height: 100%">
-            <nav>
+            <nav class="sidenav-box">
+            <mat-list class="sidenav-box">
+                <mat-list-item>
+                    Select a site 
+                </mat-list-item>
+            </mat-list>
             <mat-accordion style="width: 100%" [displayMode]="flat">
                 <div *ngFor="let id of (computeSitesService.appidentities | async)">
                     <!--<mat-expansion-panel (afterExpand)="selectId(id)" (closed)="selectId(id)" style="width: 100%">-->
@@ -31,6 +36,7 @@
                         <app-strudelapplist [applist]=id.site.appCatalog [identity]="id" (appChange)="selectApp($event)" style="width: 100%"></app-strudelapplist>
                         </mat-list>
                     </mat-expansion-panel>
+                    <div style="width: 100%; border-bottom: 1px solid #a2bae1;"></div>
                 </div>
             </mat-accordion>
             </nav>