From 0c50162fdf4625aece30ebf85875a03c2a28a14b Mon Sep 17 00:00:00 2001
From: Jegor <georg.reichert.1998@gmail.com>
Date: Tue, 4 May 2021 22:17:15 +0200
Subject: [PATCH] WIP: creating footer using grid.

---
 Frontend/src/app/app.component.css                      | 1 +
 Frontend/src/app/app.component.html                     | 4 ++++
 Frontend/src/app/app.module.ts                          | 4 +++-
 Frontend/src/app/components/footer/footer.component.css | 2 +-
 Frontend/src/styles.css                                 | 3 ++-
 5 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/Frontend/src/app/app.component.css b/Frontend/src/app/app.component.css
index e69de29..8b13789 100644
--- a/Frontend/src/app/app.component.css
+++ b/Frontend/src/app/app.component.css
@@ -0,0 +1 @@
+
diff --git a/Frontend/src/app/app.component.html b/Frontend/src/app/app.component.html
index 2d426c3..274ac63 100644
--- a/Frontend/src/app/app.component.html
+++ b/Frontend/src/app/app.component.html
@@ -1,3 +1,7 @@
 <app-top-bar></app-top-bar>
 
 <router-outlet></router-outlet>
+
+<app-bottom-bar></app-bottom-bar>
+
+
diff --git a/Frontend/src/app/app.module.ts b/Frontend/src/app/app.module.ts
index 2ba139e..0c25f41 100644
--- a/Frontend/src/app/app.module.ts
+++ b/Frontend/src/app/app.module.ts
@@ -28,6 +28,7 @@ import {MatToolbarModule} from '@angular/material/toolbar';
 import {MatIconModule} from '@angular/material/icon';
 import {MatSidenavModule} from '@angular/material/sidenav';
 import {MatListModule} from '@angular/material/list';
+import { BottomBarComponent } from './components/bottom-bar/bottom-bar.component';
 
 
 // For cookie popup
@@ -83,7 +84,8 @@ const cookieConfig: NgcCookieConsentConfig = {
         PageNotFoundPageComponent,
         ImprintComponent,
         PrivacyComponent,
-        TopBarComponent
+        TopBarComponent,
+        BottomBarComponent
     ],
     imports: [
         BrowserModule,
diff --git a/Frontend/src/app/components/footer/footer.component.css b/Frontend/src/app/components/footer/footer.component.css
index ff871eb..7c4925f 100644
--- a/Frontend/src/app/components/footer/footer.component.css
+++ b/Frontend/src/app/components/footer/footer.component.css
@@ -3,7 +3,7 @@
     left: 0;
     bottom: 0;
     width: 100%;
-    background-color: dimgrey;
+    background-color: #1976d2;
     color: white;
 }
 
diff --git a/Frontend/src/styles.css b/Frontend/src/styles.css
index 6d187e5..ceb684f 100644
--- a/Frontend/src/styles.css
+++ b/Frontend/src/styles.css
@@ -116,8 +116,9 @@ app-top-bar {
     box-shadow: 0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)
 }
 
-app-top-bar h1 {
+app-top-bar, app-bottom-bar h1 {
     color: white;
     margin: 0;
 }
 
+