diff --git a/styles/module.css b/styles/module.css index 0dca931..4d67cd4 100644 --- a/styles/module.css +++ b/styles/module.css @@ -1,41 +1,45 @@ .basic-aura-highlighting { - gap: 0.75rem; + gap: 0.75rem; } .basic-aura-highlighting__header { - display: flex; - justify-content: flex-end; - margin-bottom: 0.5rem; + display: flex; + justify-content: flex-end; + margin-bottom: 0.5rem; } .basic-aura-highlighting__add { - flex: 0 0 auto; - width: 2rem; - height: 2rem; - line-height: 1; + flex: 0 0 auto; + width: 2rem; + height: 2rem; + line-height: 1; } .basic-aura-highlighting__list { - display: grid; - gap: 0.75rem; + display: grid; + gap: 0.75rem; + max-height: 480px; + overflow-y: auto; + overflow-x: hidden; + padding-right: 0.5rem; } .basic-aura-highlighting__aura { - border: 1px solid var(--color-border-light-tertiary); - border-radius: 4px; - margin: 0; - padding: 0.75rem; + border: 1px solid var(--color-border-light-tertiary); + border-radius: 4px; + margin: 0; + padding: 0.75rem; } .basic-aura-highlighting__aura legend { - padding: 0 0.25rem; - font-weight: 600; + padding: 0 0.25rem; + font-weight: 600; } .basic-aura-highlighting__delete { - margin-left: auto; + margin-left: auto; } .basic-aura-highlighting__empty[hidden] { - display: none; + display: none; }