diff --git a/public/assets/desktop/desktop.css b/public/assets/desktop/desktop.css index 42f9bc14..bc3db4c5 100644 --- a/public/assets/desktop/desktop.css +++ b/public/assets/desktop/desktop.css @@ -119,6 +119,9 @@ h1 { .desktop-icon { position: absolute; + display: flex; + flex-direction: column; + align-items: center; width: 96px; padding: 12px 10px; border: 1px solid transparent; @@ -158,13 +161,19 @@ h1 { .desktop-icon-label { position: relative; z-index: 0; - display: inline-block; - max-width: 100%; - padding: 3px 8px; + display: flex; + align-items: center; + justify-content: center; + width: 100%; + min-height: 2.9em; + padding: 5px 8px; border-radius: 6px; font-size: 14px; color: var(--desktop-icon-label-color, #0f172a); line-height: 1.25; + text-align: center; + white-space: normal; + overflow-wrap: anywhere; text-shadow: 0 1px 2px rgba(255, 255, 255, 0.22); transition: color 140ms ease, text-shadow 140ms ease; } @@ -172,7 +181,7 @@ h1 { .desktop-icon-label::before { content: ""; position: absolute; - inset: -2px -4px; + inset: 0; z-index: -1; border-radius: 8px; background: var(--desktop-icon-label-bg, rgba(255, 255, 255, 0.48));