Improve tag suggestion wrapping

Author: BeomSeokYu

src/main/resources/static/assets/css/common.css

@@ -912,13 +912,22 @@ a:hover {
     background: transparent;
     text-align: left;
     display: flex;
-    justify-content: space-between;
+    justify-content: flex-start;
+    align-items: flex-start;
     gap: 0.6rem;
     padding: 0.45rem 0.6rem;
     border-radius: 10px;
     color: var(--text);
 }
 
+.tag-suggestion__title {
+    flex: 1 1 60%;
+    min-width: 0;
+    line-height: 1.35;
+    word-break: keep-all;
+    overflow-wrap: anywhere;
+}
+
 .tag-suggestion:hover {
     background: var(--surface-soft);
 }
@@ -927,6 +936,10 @@ a:hover {
     color: var(--muted);
     font-size: 0.8rem;
     white-space: nowrap;
+    flex: 0 1 auto;
+    max-width: 45%;
+    overflow: hidden;
+    text-overflow: ellipsis;
 }
 
 .page-nav {

src/main/resources/static/assets/js/tag-input.js

@@ -102,6 +102,7 @@
                 item.className = 'tag-suggestion';
 
                 const title = document.createElement('span');
+                title.className = 'tag-suggestion__title';
                 title.textContent = option.nameKo;
                 item.appendChild(title);