Fix angle position of event dropdown (hobbyfarm#192)

svalabs · Jan 16, 2024 · 0621c8e · 0621c8e
1 parent dce72bc
commit 0621c8e
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git 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
@@ -156,3 +156,9 @@
   float: right;
   position: relative;
 }
+
+.dropdown
+  .dropdown-toggle.nav-text
+  > cds-icon[shape^='angle'].dropdown-selection-angle {
+  right: 0.5rem;
+}