From 8aa2ec4f9210a83757113f3d8690969197ed3454 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adina=20=C8=9Aeudan?= <adina@devplant.ro>
Date: Thu, 26 Nov 2020 20:47:13 +0200
Subject: [PATCH] Fixed breadcrumb arrows

---
 .../app/screens/base-screen/base-screen.component.html   | 8 ++------
 .../app/screens/base-screen/base-screen.component.scss   | 9 ++++-----
 2 files changed, 6 insertions(+), 11 deletions(-)

diff --git a/apps/red-ui/src/app/screens/base-screen/base-screen.component.html b/apps/red-ui/src/app/screens/base-screen/base-screen.component.html
index 6bef2bfea..6b58f9763 100644
--- a/apps/red-ui/src/app/screens/base-screen/base-screen.component.html
+++ b/apps/red-ui/src/app/screens/base-screen/base-screen.component.html
@@ -20,15 +20,11 @@
         </div>
         <div class="menu flex-2 visible-lg breadcrumbs-container">
             <a class="breadcrumb" routerLink="/ui/projects" translate="top-bar.navigation-items.projects"></a>
-            <div *ngIf="appStateService.activeProject" class="breadcrumb">
-                <mat-icon svgIcon="red:arrow-right"></mat-icon>
-            </div>
+            <mat-icon *ngIf="appStateService.activeProject" svgIcon="red:arrow-right"></mat-icon>
             <a *ngIf="appStateService.activeProject" class="breadcrumb" [routerLink]="'/ui/projects/' + appStateService.activeProjectId">
                 {{ appStateService.activeProject.project.projectName }}
             </a>
-            <div *ngIf="appStateService.activeFile" class="breadcrumb">
-                <mat-icon svgIcon="red:arrow-right"></mat-icon>
-            </div>
+            <mat-icon svgIcon="red:arrow-right" *ngIf="appStateService.activeFile"></mat-icon>
             <a
                 *ngIf="appStateService.activeFile"
                 class="breadcrumb"
diff --git a/apps/red-ui/src/app/screens/base-screen/base-screen.component.scss b/apps/red-ui/src/app/screens/base-screen/base-screen.component.scss
index 5d60d1f37..edd4e0dc8 100644
--- a/apps/red-ui/src/app/screens/base-screen/base-screen.component.scss
+++ b/apps/red-ui/src/app/screens/base-screen/base-screen.component.scss
@@ -3,7 +3,7 @@
 
 .breadcrumbs-container {
     display: flex;
-    gap: 8px;
+    gap: 6px;
 
     .breadcrumb {
         text-decoration: none;
@@ -16,11 +16,10 @@
             color: $primary;
             @include line-clamp(1);
         }
+    }
 
-        .mat-icon {
-            vertical-align: middle;
-            width: 6px;
-        }
+    mat-icon {
+        width: 16px;
     }
 }