diff --git a/website/public/styles/global.css b/website/public/styles/global.css index 0486c84b..c8f809ab 100644 --- a/website/public/styles/global.css +++ b/website/public/styles/global.css @@ -839,42 +839,42 @@ a:hover { /* Collection Modal View */ .collection-view { - padding: 24px; + padding: 20px 24px; } .collection-description { - font-size: 15px; + font-size: 14px; color: var(--color-text); margin-bottom: 16px; - line-height: 1.6; + line-height: 1.5; } .collection-tags { display: flex; flex-wrap: wrap; - gap: 8px; - margin-bottom: 20px; + gap: 6px; + margin-bottom: 16px; } .collection-items-header { - padding: 12px 0; + padding: 10px 0; border-bottom: 1px solid var(--color-border); - margin-bottom: 12px; + margin-bottom: 8px; color: var(--color-text-muted); - font-size: 14px; + font-size: 13px; } .collection-items-list { display: flex; flex-direction: column; - gap: 4px; + gap: 2px; } .collection-item { display: flex; align-items: center; - gap: 12px; - padding: 12px 16px; + gap: 10px; + padding: 10px 12px; background: var(--color-bg); border: 1px solid var(--color-border); border-radius: var(--border-radius); @@ -888,8 +888,10 @@ a:hover { } .collection-item-icon { - font-size: 20px; + font-size: 16px; flex-shrink: 0; + width: 20px; + text-align: center; } .collection-item-info { @@ -898,7 +900,7 @@ a:hover { } .collection-item-name { - font-size: 14px; + font-size: 13px; font-weight: 500; color: var(--color-text); overflow: hidden; @@ -907,7 +909,7 @@ a:hover { } .collection-item-usage { - font-size: 13px; + font-size: 12px; color: var(--color-text-muted); margin-top: 2px; overflow: hidden; @@ -916,12 +918,13 @@ a:hover { } .collection-item-type { - font-size: 12px; + font-size: 11px; color: var(--color-text-muted); background: var(--color-bg-tertiary); - padding: 4px 8px; + padding: 2px 6px; border-radius: 4px; flex-shrink: 0; + text-transform: capitalize; } .collection-loading,