From ca1671023af65ca52e75bf48dc2185291c34c00d Mon Sep 17 00:00:00 2001
From: chapoi <101828855+chapoi@users.noreply.github.com>
Date: Thu, 10 Aug 2023 10:26:25 +0200
Subject: [PATCH] UX: align tags to top in modal (#23055)

* UX: align tags to top in modal

* UX: fix alignment in grid with multiple rows
---
 .../components/sidebar/edit-navigation-menu/tags-modal.scss   | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/app/assets/stylesheets/common/components/sidebar/edit-navigation-menu/tags-modal.scss b/app/assets/stylesheets/common/components/sidebar/edit-navigation-menu/tags-modal.scss
index 2941abf967c..74ec753f02f 100644
--- a/app/assets/stylesheets/common/components/sidebar/edit-navigation-menu/tags-modal.scss
+++ b/app/assets/stylesheets/common/components/sidebar/edit-navigation-menu/tags-modal.scss
@@ -4,6 +4,9 @@
   gap: 0 0.5em;
   margin: 0;
   grid-template-columns: repeat(auto-fill, minmax(12em, 1fr));
+  align-items: flex-start;
+  grid-auto-rows: min-content;
+
   &__no-tags {
     grid-column-start: 1;
     grid-column-end: -1;
@@ -12,6 +15,7 @@
   .sidebar-tags-form__tag {
     display: flex;
     align-items: center;
+    margin-bottom: 0.5rem;
 
     .sidebar-tags-form__tag-label {
       margin-bottom: 0;