Commit 514748e6 authored by Melvin Luong's avatar Melvin Luong
Browse files

Moved element styling to the css.

Updated the header banner.
parent e4a77911
.side-nav {
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
.main-content {
height: 100%;
width: 100%;
padding-top: 20px;
.empty-spacer {
flex: 1 1 auto;
margin: 10px;
.banner {
letter-spacing: 15px;
font-size: 22px;
font-family: Raleway;
.footer {
background-color: #303030;
......@@ -9,10 +9,10 @@
<div style="height: 100%" fxLayout="column">
<mat-toolbar color="primary">
<mat-toolbar-row style="height: 80px">
<button mat-icon-button *ngIf="settingsService.useMenu$ | async" aria-label="toggle menu" (click)=toggleMenu()><mat-icon>menu</mat-icon></button>
<img src="assets/MASSIVElogoTransparent128x128.png" style="width: auto; height: 90%">
<span class="empty-spacer"></span>
<span class="banner">STRUDEL</span>
<span fxFlex></span>
<span class="fill-horizontal-space"></span>
<button mat-icon-button [matMenuTriggerFor]="actionmenu">
......@@ -41,27 +41,27 @@
matBadgeOverlap="false" matBadgeSize="small"
style="text-align: left; margin-left: 15px; margin-top: 10px">
{{ id.displayName() }}
{{ id.displayName() }}
<mat-sidenav-container fxFlex style="margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;">
<mat-sidenav-container fxFlex class="side-nav">
<mat-sidenav closed>
<div fxLayout="column" fxLayoutAlign="start none" style="height: 100%; width: 100%;">
<div fxLayout="column" fxLayoutAlign="start none" class="main-content">
<mat-toolbar class="footer">
<span class="empty-spacer"></span>
<span fxFlex></span>
<button mat-button disableRipple="true">About Us</button>
<button mat-button disableRipple="true">Our services</button>
<button mat-button disableRipple=true>Contact Us</button>
<span class="empty-spacer"></span>
<span fxFlex></span>
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment