From a37ed61622ca31c141a8533d51fe22d55646c1a6 Mon Sep 17 00:00:00 2001
From: HuskyTeufel <damianbodde@googlemail.com>
Date: Thu, 13 Jan 2022 13:31:59 +0100
Subject: [PATCH] Design angepasst vom home

---
 ui/src/app/app.component.html                |  4 ---
 ui/src/app/countdown/countdown.component.css | 12 ++++----
 ui/src/app/home/home.component.css           | 19 +++----------
 ui/src/app/home/home.component.html          | 30 +++++++++++++++++++-
 ui/src/app/navbar/navbar.component.html      |  2 +-
 ui/src/styles.css                            |  4 +--
 6 files changed, 42 insertions(+), 29 deletions(-)

diff --git a/ui/src/app/app.component.html b/ui/src/app/app.component.html
index 77568cd..d67cbbc 100644
--- a/ui/src/app/app.component.html
+++ b/ui/src/app/app.component.html
@@ -1,7 +1,3 @@
 <app-navbar></app-navbar>
 
 <router-outlet></router-outlet>
-
-
-<!--<app-besucher></app-besucher>-->
-
diff --git a/ui/src/app/countdown/countdown.component.css b/ui/src/app/countdown/countdown.component.css
index 62f78d6..a90b5d8 100644
--- a/ui/src/app/countdown/countdown.component.css
+++ b/ui/src/app/countdown/countdown.component.css
@@ -1,7 +1,7 @@
 .content-comming-soon {
   height: auto;
   margin: auto;
-  position: relative;
+  
   width: 100%;
   box-sizing: border-box;
   text-align: center;
@@ -11,9 +11,9 @@
 }
 
 #comming-soon {
-  position: absolute;
-  background-color: red;
-  display: flex;
+  
+ 
+ 
 
   
 }
@@ -37,7 +37,7 @@
   font-size: 44px;
   line-height: 64px;
   box-sizing: border-box;
-  text-align: center;
+
 }
 
 .comming-soon-date {
@@ -46,5 +46,5 @@
   display: block;
   font-size: 16px;
   box-sizing: border-box;
-  text-align: center;
+  
 }
\ No newline at end of file
diff --git a/ui/src/app/home/home.component.css b/ui/src/app/home/home.component.css
index db9e63e..5696663 100644
--- a/ui/src/app/home/home.component.css
+++ b/ui/src/app/home/home.component.css
@@ -12,25 +12,14 @@
     color: white;
     
 }
-.col-xs-12 {
-    width: 100%;
-}
 
 .container {
-    width:1170px;
     
     text-align: center;
 }
 
-.wrapper-table {
-    display: table;
-    margin: 0;
-    padding: 0;
-    width: 100%;
-}
 
-.wrapper-table-cell {
-    display: table-cell;
-    text-align: center;
-    vertical-align: middle;
-}
+
+
+
+
diff --git a/ui/src/app/home/home.component.html b/ui/src/app/home/home.component.html
index c52331b..eb7f37f 100644
--- a/ui/src/app/home/home.component.html
+++ b/ui/src/app/home/home.component.html
@@ -11,14 +11,41 @@
 <br />
 <br />
 
+<div class="container">
+    <div class="row align-items-start">
+        <div class="col">
+            <div class="container">
+                <div class="row">
+                    <div class="col align-self-center">
+                        <app-countdown></app-countdown>
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="col">
+                        <div class="section-heading-page">
+                            <h1 class="heading-page">Annika &amp; Damian</h1>
+                            <div class="text-center mt-10">20.08.2022</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<!--
+
+
+
 <div class="wrapper-table">
     <div class="wrapper-table-cell">
-        <app-countdown></app-countdown>
+        
     </div>
     <div class="section-heading-page">
         <div class="container">
             <div class="row">
                 <div class="col-xs-12">
+                    <div class="heading-page"><app-countdown></app-countdown></div>
                     <h1 class="heading-page">Annika &amp; Damian</h1>
                     <div class="subtitle-page text-center mt-10">20.08.2022</div>
                 </div>
@@ -28,3 +55,4 @@
 </div>
 
   
+-->
\ No newline at end of file
diff --git a/ui/src/app/navbar/navbar.component.html b/ui/src/app/navbar/navbar.component.html
index 50fa8dc..bcdccb5 100644
--- a/ui/src/app/navbar/navbar.component.html
+++ b/ui/src/app/navbar/navbar.component.html
@@ -1,4 +1,4 @@
-<p>Navbar works</p>
+
 <!-- NAVBAR -->
     <!--===============================================================-->
     <nav class="navbar fixed-top navbar-expand-sm justify-content-center navbar-light bg-light">
diff --git a/ui/src/styles.css b/ui/src/styles.css
index 0e2c3d3..1396826 100644
--- a/ui/src/styles.css
+++ b/ui/src/styles.css
@@ -2,9 +2,9 @@
 * {
     font-size: 15px;
 }
-html, body { height: 100%; }
+
 body {
-    margin: 0;
+    
     font-family: Roboto, "Helvetica Neue", sans-serif;
     font-size: 15px;
 }