change the sidebar default to open

src/app/dashboard/fulltable/fulltable.component.css

@@ -99,4 +99,7 @@ table {
     position: relative;
   }
 
-  
\ No newline at end of file
+  .form-div {
+    width: 80%;
+    margin:0 auto;
+  }
\ No newline at end of file

src/app/dashboard/fulltable/fulltable.component.html

@@ -4,8 +4,13 @@
 <div>
 <mat-sidenav-container class="example-container" *ngIf="shouldRun">
   <mat-sidenav *ngIf="sidebarOpen" mode="side" opened>
+ <p></p>
+<div>
+ <img src="assets/logoSideBar.png" alt="Banner Image" class="logoSideBarImg"/>
+</div>
+ <p></p>
 
- <div>
+ <div class="form-div">
   <mat-form-field>
   <mat-label>------DPMT------</mat-label>
   <mat-select>
@@ -15,7 +20,8 @@
   </mat-select>
 </mat-form-field>
 </div>
-  <div>
+
+  <div class="form-div">
   <mat-form-field>
   <mat-label>------GOCDB------</mat-label>
   <mat-select>
@@ -26,7 +32,7 @@
 </mat-form-field>
 </div>
 
-  <div>
+  <div class="form-div">
   <mat-form-field>
   <mat-label>------EOSC------</mat-label>
   <mat-select>
@@ -106,7 +112,7 @@
 
   <!-- Symbol Column -->
   <ng-container matColumnDef="hostNameStatus">
-    <th mat-header-cell *matHeaderCellDef>Statsu </th>
+    <th mat-header-cell *matHeaderCellDef>Status </th>
     <td mat-cell *matCellDef="let element"> {{element.hostNameStatus}} </td>
   </ng-container>
 
@@ -137,7 +143,7 @@
 </table>
 
 
- <mat-paginator [pageSizeOptions]="[5, 10, 20,40]" showFirstLastButtons></mat-paginator>
+ <mat-paginator [pageSizeOptions]="[10, 20,40]" showFirstLastButtons></mat-paginator>
 </div>
 
   </mat-sidenav-content>

src/app/dashboard/fulltable/fulltable.component.ts

@@ -25,7 +25,7 @@ export class FulltableComponent implements OnInit , DoCheck, AfterViewInit{
 
   displayedColumns: string[] = ['siteName','hostName','hostNameOS','hostNameStatus','servCompServiceType','servCompName','servCompTagAtSite','servCompCreatedTime'];
   shouldRun: boolean = true;
-  sidebarOpen: boolean = false;
+  sidebarOpen: boolean = true;
   scRows: ServiceComponentRow[];
   currentServiceSource: string;
 

src/app/dashboard/hostname/hostname.component.css

@@ -151,4 +151,9 @@ img {
 
 .toolbar-div {
   background: rgb(184, 197, 196);
+}
+
+.form-div {
+  width: 80%;
+  margin:0 auto;
 }
\ No newline at end of file

src/app/dashboard/hostname/hostname.component.html

@@ -3,11 +3,11 @@
 <div>
 <mat-sidenav-container class="example-container" >
   <mat-sidenav *ngIf="sidebarOpen" mode="side" opened>
-
+ <p></p>
 <div>
  <img src="assets/logoSideBar.png" alt="Banner Image" class="logoSideBarImg"/>
 </div>
-
+ <p></p>
     <div>
   <mat-form-field>
   <mat-label>------DPMT------</mat-label>

src/app/dashboard/hostname/hostname.component.ts

@@ -24,7 +24,7 @@ export class HostnameComponent implements OnInit, OnDestroy {
   eoscSiteNames: string[];
   gocdbSiteNames: string[];
   dpmtSiteNames: string[];
-  sidebarOpen:boolean = false;
+  sidebarOpen:boolean = true;
 
 
   constructor(private siteService: SiteShortService, public router: Router,

src/app/dashboard/service-component-history/service-component-history.component.css

@@ -146,4 +146,9 @@ img {
 
   .toolbar-div {
     background: rgb(184, 197, 196);
+  }
+
+  .form-div {
+    width: 80%;
+    margin:0 auto;
   }
\ No newline at end of file

src/app/dashboard/service-component-history/service-component-history.component.html

@@ -48,7 +48,7 @@
  <div>
 <mat-toolbar class="toolbar-div">
 
-<button class="menu-button" mat-icon-button (click)="sidenavtoggle()"><mat-icon>menu</mat-icon></button>
+<!--<button class="menu-button" mat-icon-button (click)="sidenavtoggle()"><mat-icon>menu</mat-icon></button>-->
 
   <span class="example-fill-remaining-space"></span>
 

src/app/dashboard/site/site.component.html

@@ -3,10 +3,12 @@
 <div>
 <mat-sidenav-container class="example-container" >
   <mat-sidenav *ngIf="sidebarOpen" mode="side" opened>
+<p></p>
  <div>
  <img src="assets/logoSideBar.png" alt="Banner Image" class="logoSideBarImg"/>
 </div>
-  <div>
+<p></p>
+  <div class="form-div">
   <mat-form-field>
   <mat-label>------DPMT------</mat-label>
   <mat-select>
@@ -16,7 +18,7 @@
   </mat-select>
 </mat-form-field>
 </div>
-  <div>
+  <div class="form-div">
   <mat-form-field>
   <mat-label>------GOCDB------</mat-label>
   <mat-select>
@@ -27,7 +29,7 @@
 </mat-form-field>
 </div>
 
-  <div>
+  <div class="form-div">
   <mat-form-field>
   <mat-label>------EOSC------</mat-label>
   <mat-select>

src/app/dashboard/site/site.component.ts

@@ -17,7 +17,7 @@ export class SiteComponent implements OnInit, OnDestroy {
 //export class SiteComponent implements  OnDestroy {
   site: Site;
   siteUpdateSubscription: Subscription;
-  sidebarOpen: boolean = false;
+  sidebarOpen: boolean = true;
   hasHosts: boolean  = false;
   eoscSiteNames: string[];
   gocdbSiteNames: string[];

src/app/dashboard/table/table.component.css

@@ -104,4 +104,9 @@ table {
 
   .toolbar-div {
     background: rgb(184, 197, 196);
+  }
+
+  .form-div {
+    width: 80%;
+    margin:0 auto;
   }
\ No newline at end of file

src/app/dashboard/table/table.component.html

@@ -7,11 +7,13 @@
 <div>
 <mat-sidenav-container class="example-container" *ngIf="shouldRun">
   <mat-sidenav *ngIf="sidebarOpen" mode="side" opened>
+  <p></p>
 <div>
  <img src="assets/logoSideBar.png" alt="Banner Image" class="logoSideBarImg"/>
 </div>
-
-  <div>
+  <p></p>
+   
+  <div class="form-div">
   <mat-form-field>
   <mat-label>------DPMT------</mat-label>
   <mat-select>
@@ -20,8 +22,9 @@
     </mat-option>
   </mat-select>
 </mat-form-field>
-</div>
-  <div>
+</div >
+
+  <div class="form-div">
   <mat-form-field>
   <mat-label>------GOCDB------</mat-label>
   <mat-select>
@@ -32,7 +35,7 @@
 </mat-form-field>
 </div>
 
-  <div>
+  <div class="form-div">
   <mat-form-field>
   <mat-label>------EOSC------</mat-label>
   <mat-select>
@@ -136,7 +139,7 @@
 
 
 
- <mat-paginator [pageSizeOptions]="[5, 10, 20,40]" showFirstLastButtons></mat-paginator>
+ <mat-paginator [pageSizeOptions]="[10, 20,40]" showFirstLastButtons></mat-paginator>
 </div>
 
   </mat-sidenav-content>

src/app/dashboard/table/table.component.ts

@@ -24,7 +24,7 @@ export class TableComponent implements OnInit, DoCheck,AfterViewInit {
 
   displayedColumns: string[] = ['siteName','siteUrl','siteCountry','siteNoOfHosts','siteNoOfServices','lastUpdateOn'];
   shouldRun: boolean = true;
-  sidebarOpen: boolean = false;
+  sidebarOpen: boolean = true;
   currentSiteSource: string;
  
   serverList: SiteShort[];