From c53f6f93b80f6607e7fa5c1c0cb0836575c99c45 Mon Sep 17 00:00:00 2001
From: appel_c <christian.appel@psi.ch>
Date: Tue, 11 Feb 2025 16:44:57 +0100
Subject: [PATCH] fix: improve style

---
 .../src/app/dashboard/dashboard.component.html      |  5 -----
 .../src/app/dashboard/dashboard.component.scss      |  2 ++
 .../src/app/scan-table/scan-table.component.html    |  7 ++++---
 .../src/app/scan-table/scan-table.component.scss    | 13 +++++++++----
 4 files changed, 15 insertions(+), 12 deletions(-)

diff --git a/frontend/bec_atlas/src/app/dashboard/dashboard.component.html b/frontend/bec_atlas/src/app/dashboard/dashboard.component.html
index 97b59a4..5b5fe00 100644
--- a/frontend/bec_atlas/src/app/dashboard/dashboard.component.html
+++ b/frontend/bec_atlas/src/app/dashboard/dashboard.component.html
@@ -36,11 +36,6 @@
         mat-button
         class="menu-item"
         [routerLink]="['/dashboard/scan-table']"
-        > Session Data
-      </button>
-      <button 
-        mat-button
-        class="menu-item"
         > Scan Data
       </button>
       <button 
diff --git a/frontend/bec_atlas/src/app/dashboard/dashboard.component.scss b/frontend/bec_atlas/src/app/dashboard/dashboard.component.scss
index 6c16426..bd7cfaa 100644
--- a/frontend/bec_atlas/src/app/dashboard/dashboard.component.scss
+++ b/frontend/bec_atlas/src/app/dashboard/dashboard.component.scss
@@ -93,6 +93,8 @@ mat-panel-title mat-icon {
 mat-sidenav-content {
   background-color: var(--mat-sys-surface-dim);
   height: 100vh;
+  width: 100%;
+  padding: 12px;
 }
 
 .spacer {
diff --git a/frontend/bec_atlas/src/app/scan-table/scan-table.component.html b/frontend/bec_atlas/src/app/scan-table/scan-table.component.html
index 89f0183..a11099d 100644
--- a/frontend/bec_atlas/src/app/scan-table/scan-table.component.html
+++ b/frontend/bec_atlas/src/app/scan-table/scan-table.component.html
@@ -1,5 +1,6 @@
 <!-- Table -->
-<div class="main-container">
+
+<mat-card class="main-container">
     <mat-sidenav-container class="sidenav-container">
 
         <mat-sidenav-content>
@@ -68,9 +69,9 @@
         </div>
     </mat-sidenav-content>
     <!-- Right side panel -->
-    <mat-sidenav #rightSidenav mode="side" opened="true" position="end" class="sidenav">
+    <mat-sidenav #rightSidenav mode="side" [opened]="true" position="end" class="sidenav">
         <!-- Embed the side-panel component here -->
         <app-side-panel (sessionChanged)="onSessionChange($event)"></app-side-panel>
     </mat-sidenav>
 </mat-sidenav-container>
-</div>
\ No newline at end of file
+</mat-card>
diff --git a/frontend/bec_atlas/src/app/scan-table/scan-table.component.scss b/frontend/bec_atlas/src/app/scan-table/scan-table.component.scss
index be69843..218ecb9 100644
--- a/frontend/bec_atlas/src/app/scan-table/scan-table.component.scss
+++ b/frontend/bec_atlas/src/app/scan-table/scan-table.component.scss
@@ -5,10 +5,14 @@
     padding-left: 16px;
     padding-bottom: 16px;
 }
+.sidenav-container{
+    height:calc(100vh - 48px);
+}
 
 .table-container{
-    width: auto;
+    // width: auto;
     padding-right: 16px;
+    padding-left: 16px;
 }
 .mat-mdc-row:hover {
     background-color: var(--mat-sys-secondary-container);
@@ -24,8 +28,9 @@
 }
 
 .main-container {
-    // display: flex;
-    // flex-direction: column;
+    display: flex;
+    flex-direction: column;
     height: 100%;
     width:100%;
-}
\ No newline at end of file
+    padding: 12px;
+}