From 90e2e050fc053df6a151b1841ee85247767913f5 Mon Sep 17 00:00:00 2001
From: "De Laet Robby (External)" <Robby.DeLaet@nbb.be>
Date: Tue, 4 Sep 2018 09:06:06 +0200
Subject: [PATCH] fix(stark-ui): modify CSS and add App-Logo to Showcase

ISSUES CLOSED: #583
---
 packages/stark-ui/assets/styles/_header.scss             | 9 ---------
 .../modules/app-logo/components/app-logo.component.scss  | 4 ++--
 showcase/src/app/app.component.html                      | 2 +-
 3 files changed, 3 insertions(+), 12 deletions(-)

diff --git a/packages/stark-ui/assets/styles/_header.scss b/packages/stark-ui/assets/styles/_header.scss
index e57ce004f6..ebc3ec49d2 100644
--- a/packages/stark-ui/assets/styles/_header.scss
+++ b/packages/stark-ui/assets/styles/_header.scss
@@ -128,15 +128,6 @@
 }
 
 /* Temporary classes to simulate components that have not been implemented yet */
-.app-logo {
-  background-color: rgba($color: #000, $alpha: 0.4);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 62px;
-  width: 175px;
-}
-
 .app-data {
   background-color: rgba($color: #000, $alpha: 0.4);
   border-radius: 20px;
diff --git a/packages/stark-ui/src/modules/app-logo/components/app-logo.component.scss b/packages/stark-ui/src/modules/app-logo/components/app-logo.component.scss
index 676f20d623..b779402927 100644
--- a/packages/stark-ui/src/modules/app-logo/components/app-logo.component.scss
+++ b/packages/stark-ui/src/modules/app-logo/components/app-logo.component.scss
@@ -24,8 +24,8 @@
   .stark-app-logo {
     & i {
       display: block;
-      width: 120px;
-      height: 128px;
+      width: 60px;
+      height: 64px;
       margin-top: 0;
       background-image: url(/assets/stark-ui/app-logo/angular.png); /* FIXME: add image for desktop */
       background-size: 100% 100%;
diff --git a/showcase/src/app/app.component.html b/showcase/src/app/app.component.html
index 6d15e28198..e04d4824e5 100644
--- a/showcase/src/app/app.component.html
+++ b/showcase/src/app/app.component.html
@@ -17,7 +17,7 @@
 
 			<div class="stark-app-bar-content-center">
 				<div class="app-logo">
-					<p>App Logo</p>
+					<stark-app-logo></stark-app-logo>
 				</div>
 			</div>