diff --git a/src/components/asset-panel/selector.css b/src/components/asset-panel/selector.css index 00aacef14f7d8b177b367c1a5afca7119b6465e8..98dff10c272eb58441dda16f7d1da69590a0d97a 100644 --- a/src/components/asset-panel/selector.css +++ b/src/components/asset-panel/selector.css @@ -62,6 +62,5 @@ $fade-out-distance: 100px; .list-item { width: 4rem; - min-height: 4rem; } } diff --git a/src/components/sprite-selector-item/sprite-selector-item.css b/src/components/sprite-selector-item/sprite-selector-item.css index b02b4bfdb84728160a081dcc3ebb0a094b74e5b2..34e6b6cde2631882229b7bfe952cf70b114d846d 100644 --- a/src/components/sprite-selector-item/sprite-selector-item.css +++ b/src/components/sprite-selector-item/sprite-selector-item.css @@ -38,14 +38,16 @@ } .sprite-info { - padding: 0.2rem 0.2rem 0.1rem ; + padding: 0.25rem; border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; font-size: 0.625rem; color: $text-primary; user-select: none; +} +.sprite-name, .sprite-details { /* For truncating overflowing text gracefully Min-width is for a bug: https://css-tricks.com/flexbox-truncated-text @@ -56,10 +58,16 @@ min-width: 0; } +.sprite-details { + margin-top: 0.125rem; + font-size: 0.5rem; +} + .is-selected .sprite-info { background: $motion-primary; color: $ui-white; } + .delete-button { position: absolute; top: 0.125rem;