tag picker

frontend/src/styles/detail/detail-panels.css

@@ -191,7 +191,14 @@
   border-bottom: 1px solid var(--border-subtle);
 }
 
-.selection-assignment__header input {
+.selection-assignment__form {
+  display: flex;
+  gap: 0.4rem;
+  align-items: stretch;
+}
+
+.selection-assignment__form input {
+  flex: 1 1 auto;
   width: 100%;
   padding: 0.35rem 0.6rem;
   border: 1px solid var(--border-subtle);
@@ -201,12 +208,20 @@
   font-size: 0.95rem;
 }
 
-.selection-assignment__header input:focus-visible {
+.selection-assignment__form input:focus-visible {
   outline: none;
   border-color: color-mix(in oklch, var(--accent) 60%, transparent);
   box-shadow: 0 0 0 1px color-mix(in oklch, var(--accent) 35%, transparent);
 }
 
+.selection-assignment__add {
+  align-self: stretch;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 2rem;
+}
+
 .selection-assignment__list {
   max-height: max(240px, 50vh);
   overflow-y: auto;

frontend/src/styles/sidebar/sidebar.css

@@ -247,6 +247,7 @@
 
 .menu__list {
   overflow-y: auto;
+  max-height: min(20rem, 60vh);
   padding: 0.25rem;
   display: flex;
   flex-direction: column;