From f30942443f9312061e491fe58b9f87235f76eef0 Mon Sep 17 00:00:00 2001
From: Jegor <georg.reichert.1998@gmail.com>
Date: Mon, 7 Jun 2021 09:53:39 +0200
Subject: [PATCH] top-bar adjusted.

---
 .../components/top-bar/top-bar.component.css  | 54 -------------------
 .../components/top-bar/top-bar.component.html | 44 +++++++--------
 .../components/top-bar/top-bar.component.ts   |  4 +-
 3 files changed, 22 insertions(+), 80 deletions(-)

diff --git a/Frontend/src/app/components/top-bar/top-bar.component.css b/Frontend/src/app/components/top-bar/top-bar.component.css
index 74e9f16..e69de29 100644
--- a/Frontend/src/app/components/top-bar/top-bar.component.css
+++ b/Frontend/src/app/components/top-bar/top-bar.component.css
@@ -1,54 +0,0 @@
-.top-bar-wrapper {
-    display: grid;
-    grid-template-columns: 200px 360px 820px 20px 250px;
-    grid-template-rows: 40px;
-    grid-column-gap: 0px;
-    grid-row-gap: 0px;
-    align-items: center;
-}
-
-.top-logo {
-    grid-area: 1/1;
-}
-
-#better {
-    font-size: 28px;
-    font-weight: bold;
-    color: #3480E3;
-}
-
-#zon {
-    font-size: 28px;
-    font-weight: bold;
-    color: #E53167;
-}
-
-.search-button {
-    /*background-color: #E53167;*/
-}
-
-.sign-up {
-    /*background-color: #E53167;*/
-    margin-left: 50px;
-    margin-right: 25px;
-}
-
-.login {
-    margin-right: 25px;
-}
-
-#signin {
-    border-radius: 25px;
-    background-color: #E53167;
-}
-
-._links > a {
-    /*background-color: #E53167;*/
-    margin-left: 10px;
-    margin-right: 10px;
-}
-
-._signing_links > a {
-    /*background-color: #E53167;*/
-    margin-left: 50px;
-}
diff --git a/Frontend/src/app/components/top-bar/top-bar.component.html b/Frontend/src/app/components/top-bar/top-bar.component.html
index 622d499..b8b6697 100644
--- a/Frontend/src/app/components/top-bar/top-bar.component.html
+++ b/Frontend/src/app/components/top-bar/top-bar.component.html
@@ -1,26 +1,22 @@
-<div class="top-bar-wrapper">
-    <div class="<top-logo>" routerLink=''>
-        <a><span id="better">BETTER</span><span id="zon">ZON</span></a>
+<nav class="navbar navbar-expand-lg bg-secondary text-uppercase fixed-top" id="mainNav">
+    <div class="container">
+        <a class="navbar-brand" routerLink=""> Betterzon</a>
+        <form class="form-inline my-2 my-lg-0">
+            <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
+        </form>
+        <button class="navbar-toggler text-uppercase font-weight-bold bg-primary text-white rounded" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
+            Menu
+            <i class="fas fa-bars"></i>
+        </button>
+        <div class="collapse navbar-collapse" id="navbarResponsive">
+            <ul class="navbar-nav ms-auto">
+                <li class="nav-item mx-0 mx-lg-1"><a class="nav-link py-3 px-0 px-lg-3 rounded" href="#top-gesuchte">Top-Gesuchte</a></li>
+                <li class="nav-item mx-0 mx-lg-1"><a class="nav-link py-3 px-0 px-lg-3 rounded" href="#about">über uns</a></li>
+                <li class="nav-item mx-0 mx-lg-1"><a class="nav-link py-3 px-0 px-lg-3 rounded" href="#unsere-kunden">Unsere Kunden</a></li>
+                <li class="nav-item mx-0 mx-lg-1"><a class="nav-link py-3 px-0 px-lg-3 rounded" routerLink="/signin">Anmelden</a></li>
+                <li class="nav-item mx-0 mx-lg-1"><a class="nav-link py-3 px-0 px-lg-3 rounded" routerLink="/registration">Konto Erstellen</a></li>
+            </ul>
+        </div>
     </div>
-    <div class="links">
-        <nav class="_links">
-            <a routerLink="signin">KONTAKTIERE UNS</a>
-            <a>KUNDEN</a>
-            <a>FAQ</a>
-        </nav>
-    </div>
-    <div class="footer_space">
+</nav>
 
-    </div>
-    <div class="search-button">
-        <a>
-            <img src="assets/images/search_black_24dp.svg" alt="Sarch button">
-        </a>
-    </div>
-    <div class="links">
-        <nav class="_signing_links">
-            <a routerLink="signup" routerLinkActive="acitve">SIGN UP</a>
-            <a routerLink="singin" routerLinkActive="acitve"><span id="signin">SIGN IN</span></a>
-        </nav>
-    </div>
-</div>
diff --git a/Frontend/src/app/components/top-bar/top-bar.component.ts b/Frontend/src/app/components/top-bar/top-bar.component.ts
index 6a6b1a3..15aa721 100644
--- a/Frontend/src/app/components/top-bar/top-bar.component.ts
+++ b/Frontend/src/app/components/top-bar/top-bar.component.ts
@@ -11,7 +11,7 @@ export class TopBarComponent implements OnInit {
 
   constructor() { }
 
-  ngOnInit(): void {
-  }
+    ngOnInit() {
+    }
 
 }