From 0526ce447e9598ea986e9312c04860ec751b44fc Mon Sep 17 00:00:00 2001
From: Ludek <13610612+ludeknovy@users.noreply.github.com>
Date: Mon, 24 May 2021 00:06:25 +0200
Subject: [PATCH] top panel css and html fix (#155)

---
 src/app/top-panel/top-panel.component.html | 20 ++++++--------------
 src/app/top-panel/top-panel.component.scss | 12 +-----------
 2 files changed, 7 insertions(+), 25 deletions(-)

diff --git a/src/app/top-panel/top-panel.component.html b/src/app/top-panel/top-panel.component.html
index 76ec6b74..5c6d4482 100644
--- a/src/app/top-panel/top-panel.component.html
+++ b/src/app/top-panel/top-panel.component.html
@@ -14,13 +14,9 @@
           <button class="btn text-white" id="dropdownBasic1" ngbDropdownToggle>{{selectedProject || "Project"}}</button>
           <div class="drop-area drop-area-left dropdowncustom-area dropdown-static" ngbDropdownMenu
             aria-labelledby="dropdownBasic1" *ngIf="projectsState$ | async; let projects">
-            <li *ngFor="let _ of projects">
-              <a ngbDropdownItem class="btn btn-block text-left" routerLink="/project/{{_.projectName}}/scenarios"
+              <a *ngFor="let _ of projects" ngbDropdownItem class="btn btn-block text-left text-white" routerLink="/project/{{_.projectName}}/scenarios"
                 routerLinkActive="active" (click)="changeSelectedProject(_.projectName)">{{_.projectName}}</a>
-            </li>
-            <li>
               <app-add-project [topMenu]="true">New Project</app-add-project>
-            </li>
           </div>
         </div>
       </li>
@@ -31,19 +27,15 @@
       </button>
       <div class="drop-area drop-area-left dropdowncustom-area dropdown-dynamic" ngbDropdownMenu
         aria-labelledby="dropdownSettings">
-        <li>
-          <a ngbDropdownItem class="btn btn-block text-left" [routerLink]="['/administration/projects']"><i
+          <a ngbDropdownItem class="btn btn-block text-left text-white" [routerLink]="['/administration/projects']"><i
               class="fas fa-cog icon"></i>Administrate</a>
-        </li>
-        <li>
-          <a ngbDropdownItem class="btn btn-block text-left" href="/api-docs" target="_blank"><i
+
+          <a ngbDropdownItem class="btn btn-block text-left text-white" href="/api-docs" target="_blank"><i
               class="far fa-question-circle icon"></i>Api docs</a>
-        </li>
-        <li>
-          <a ngbDropdownItem class="btn btn-block text-left" [routerLink]="['/login']"><i
+
+          <a ngbDropdownItem class="btn btn-block text-left text-white" [routerLink]="['/login']"><i
               class="fas fa-sign-out-alt icon"></i>
             Logout</a>
-        </li>
       </div>
     </div>
   </div>
diff --git a/src/app/top-panel/top-panel.component.scss b/src/app/top-panel/top-panel.component.scss
index d4f4bd63..dec85313 100644
--- a/src/app/top-panel/top-panel.component.scss
+++ b/src/app/top-panel/top-panel.component.scss
@@ -28,12 +28,11 @@
 .drop {
   color: white;
   background-color: #2f353a;
-  border: 0px;
   padding: 6px 8px 6px 16px;
   text-decoration: none;
   font-size: 15px;
   display: block;
-  border-color: #2f353a;
+  border: 0 #2f353a;
   cursor: pointer;
 }
 
@@ -100,15 +99,6 @@ a {
   color: black
 }
 
-.drop-area-left li a {
-  color: white;
-}
-
-.dropdown-menu {
-  padding-top: 0px;
-  padding-bottom: 0px;
-}
-
 .navbar-toggler {
   border: none;
 }