From 2d8c5966cd7dfc805061e9afc98dc371e4ca7b07 Mon Sep 17 00:00:00 2001
From: piotrpekala7 <31202938+piotrpekala7@users.noreply.github.com>
Date: Mon, 30 Mar 2020 18:40:55 +0200
Subject: [PATCH] Close button for console added

---
 .../console-wrapper.component.html            | 38 +++++++++++--------
 .../console-wrapper.component.scss            |  5 ++-
 2 files changed, 26 insertions(+), 17 deletions(-)

diff --git a/src/app/components/project-map/console-wrapper/console-wrapper.component.html b/src/app/components/project-map/console-wrapper/console-wrapper.component.html
index 06b226db..b149b828 100644
--- a/src/app/components/project-map/console-wrapper/console-wrapper.component.html
+++ b/src/app/components/project-map/console-wrapper/console-wrapper.component.html
@@ -21,23 +21,29 @@
     (mousedown)="toggleDragging(true)"
     [ngStyle]="style">
 
-    <mat-tab-group [selectedIndex]="selected.value" (selectedIndexChange)="selected.setValue($event)">
-        <mat-tab>
-            <ng-template mat-tab-label>
-                <div class="col" style="margin-left: 20px;">GNS3 console</div>
-            </ng-template>
-        </mat-tab>
+    <div class="consoleHeader">
+        <mat-tab-group class="tabs" [selectedIndex]="selected.value" (selectedIndexChange)="selected.setValue($event)">
+            <mat-tab>
+                <ng-template mat-tab-label>
+                    <div class="col" style="margin-left: 20px;">GNS3 console</div>
+                </ng-template>
+            </mat-tab>
+    
+            <mat-tab *ngFor="let node of nodes; let index = index" [label]="tab">
+                <ng-template mat-tab-label>
+                    <div class="col" style="margin-left: 20px;">{{node.name}}</div>
+                    <button style="color:white" mat-icon-button (click)="removeTab(index)">
+                        <mat-icon>close</mat-icon>
+                    </button>
+                </ng-template>
+            </mat-tab>
+    
+        </mat-tab-group>
 
-        <mat-tab *ngFor="let node of nodes; let index = index" [label]="tab">
-            <ng-template mat-tab-label>
-                <div class="col" style="margin-left: 20px;">{{node.name}}</div>
-                <button style="color:white" mat-icon-button (click)="removeTab(index)">
-                    <mat-icon>close</mat-icon>
-                </button>
-            </ng-template>
-        </mat-tab>
-
-    </mat-tab-group>
+        <button style="color:white" mat-icon-button (click)="close()">
+            <mat-icon>close</mat-icon>
+        </button>
+    </div>
 
     <app-log-console [hidden]="!(selected.value===0)" [server]="server" [project]="project"></app-log-console>
 
diff --git a/src/app/components/project-map/console-wrapper/console-wrapper.component.scss b/src/app/components/project-map/console-wrapper/console-wrapper.component.scss
index 374dd797..8b046a2f 100644
--- a/src/app/components/project-map/console-wrapper/console-wrapper.component.scss
+++ b/src/app/components/project-map/console-wrapper/console-wrapper.component.scss
@@ -33,7 +33,6 @@
 
 .consoleHeader {
     width: 100%;
-    height: 30px;
     font-size: 12px;
     overflow: hidden;
     display: flex;
@@ -41,6 +40,10 @@
     justify-content: space-between;
 }
 
+.tabs {
+    width: 675px;
+}
+
 .console {
     width: 596px;
     height: 120px;