From 4e21327d49ad3d25e7e66deb7a7849da5b495668 Mon Sep 17 00:00:00 2001
From: Alexis Lahouze <xals@lahouze.org>
Date: Sun, 17 Sep 2017 01:29:51 +0200
Subject: [PATCH] Fix design.

---
 src/app.component.ts |  4 ----
 src/main.scss        | 29 ++++++++++++++++++++++++-----
 2 files changed, 24 insertions(+), 9 deletions(-)

diff --git a/src/app.component.ts b/src/app.component.ts
index 12fde8e..863ed77 100644
--- a/src/app.component.ts
+++ b/src/app.component.ts
@@ -6,8 +6,6 @@ import { Component } from '@angular/core';
   selector: 'accountant',
   styles: [ require('./main.scss').toString() ],
   template: `
-<md-sidenav-container>
-  <div>
     <md-toolbar class="mat-elevation-z6" color="primary">
       <div class="acc-toolbar">
         <a md-button style="text-transform: uppercase"
@@ -20,8 +18,6 @@ import { Component } from '@angular/core';
     <div class="acc-content">
       <router-outlet></router-outlet>
     </div>
-  </div>
-</md-sidenav-container>
   `
 })
 export class AppComponent { }
diff --git a/src/main.scss b/src/main.scss
index a0fda64..9314d07 100644
--- a/src/main.scss
+++ b/src/main.scss
@@ -9,6 +9,7 @@ $fa-font-path: '~font-awesome/fonts';
 @import '~ngx-toastr/toastr';
 
 $roboto-font-path: '~roboto-fontface/fonts/roboto/';
+@import '~@angular/material/_theming';
 @import '~@angular/material/prebuilt-themes/indigo-pink.css';
 
 @import '~material-design-icons/iconfont/material-icons.css';
@@ -50,16 +51,18 @@ body {
   }
 }
 
+md-dialog > form {
+    overflow: visible;
+}*/
+
+/*
 // stretch to screen size in fullscreen mode
-.demo-content {
+.acc-content {
   width: 100%;
   height: 100%;
   box-sizing: border-box;
 }
-
-md-dialog > form {
-    overflow: visible;
-}*/
+*/
 
 .italic {
   font-style: italic;
@@ -76,3 +79,19 @@ md-dialog > form {
 .c3-ygrid-line.overdraft line {
   stroke: #FF0000;
 }
+
+span.warning {
+  color: mat-color($mat-amber, A700);
+}
+
+.mat-row.warning {
+  background-color: mat-color($mat-amber, 100);
+}
+
+span.error {
+  color: mat-color($mat-red, A700);
+}
+
+.mat-row.error {
+  background-color: mat-color($mat-red, 100);
+}