User:Sweet Orange/common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

.songinfo-details .songinfo-details-badge {
    display: inline-flex;
    max-width: 100%;
    gap: 0.2em;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
}

.songinfo-details .songinfo-details-badge span[style*="border-radius:1em"] {
    display: inline-flex !important;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0.1em 0 !important;
    padding: 0.32em 0.8em !important;
    font-size: 90%;  
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4;
    justify-content: center;
    align-items: center;
}