From 0621c8e1cd3ade6023974342baced0c60f860973 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jan-Gerrit=20G=C3=B6bel?=
 <86782124+jggoebel@users.noreply.github.com>
Date: Tue, 16 Jan 2024 18:32:33 +0100
Subject: [PATCH] Fix angle position of event dropdown (#192)

---
 src/app/app.component.html | 6 +++++-
 src/app/app.component.scss | 6 ++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/app/app.component.html b/src/app/app.component.html
index 52feac3f..c7767dea 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -17,7 +17,11 @@
         <button class="nav-text" clrDropdownToggle>
           <cds-icon shape="layers" solid></cds-icon>
           {{ ctx.scheduledEventName }}
-          <cds-icon shape="angle" direction="down"></cds-icon>
+          <cds-icon
+            shape="angle"
+            direction="down"
+            class="dropdown-selection-angle"
+          ></cds-icon>
         </button>
         <clr-dropdown-menu *clrIfOpen clrPosition="bottom">
           <a
diff --git a/src/app/app.component.scss b/src/app/app.component.scss
index 7d31c357..2549c6ef 100644
--- a/src/app/app.component.scss
+++ b/src/app/app.component.scss
@@ -156,3 +156,9 @@
   float: right;
   position: relative;
 }
+
+.dropdown
+  .dropdown-toggle.nav-text
+  > cds-icon[shape^='angle'].dropdown-selection-angle {
+  right: 0.5rem;
+}