Styling improvements + refactor

XpiritBV · Oct 18, 2019 · c0c95f9 · c0c95f9
1 parent 01cf532
commit c0c95f9
Show file tree

Hide file tree

Showing 16 changed files with 205 additions and 170 deletions.
diff --git a/frontend/xpirit-beerxchange/package-lock.json b/frontend/xpirit-beerxchange/package-lock.json
diff --git a/frontend/xpirit-beerxchange/package.json b/frontend/xpirit-beerxchange/package.json
@@ -22,6 +22,7 @@
     "@angular/platform-browser": "~7.2.0",
     "@angular/platform-browser-dynamic": "~7.2.0",
     "@angular/router": "~7.2.0",
+    "@ng-bootstrap/ng-bootstrap": "4.2.2",
     "bootstrap": "^4.3.1",
     "core-js": "^2.5.4",
     "rxjs": "~6.3.3",

diff --git a/frontend/xpirit-beerxchange/src/app/app.component.html b/frontend/xpirit-beerxchange/src/app/app.component.html
@@ -17,21 +17,25 @@
 
     <mat-list>
       <h3 mat-subheader>Beer</h3>
-      <a mat-list-item href="/">
+      <a mat-list-item href="/" (click)="closeNavBar()">
         <h3 matLine>Home</h3>
       </a>
-      <a mat-list-item href="/#add">
+      <a mat-list-item href="/#add" (click)="closeNavBar()">
         <h3 matLine>Add / Switch Beer</h3>
       </a>
-      <a mat-list-item href="/#take">
+      <a mat-list-item href="/#take" (click)="closeNavBar()">
         <h3 matLine>Take Beer</h3>
       </a>
-      <a mat-list-item href="/#transfer">
+      <a mat-list-item href="/#transfer" (click)="closeNavBar()">
         <h3 matLine>Transfer Credits</h3>
       </a>
     </mat-list>
   </mat-sidenav>
   <mat-sidenav-content>
-    <router-outlet></router-outlet>
+    <div class="container top-space">
+      <div class="col-12">
+          <router-outlet></router-outlet>
+      </div>
+    </div>
   </mat-sidenav-content>
 </mat-sidenav-container>