Template:Sandbox/Aurelain/ArtifactSummary/styles.css

.artifact-summary {
    display: flex;
}

.artifact-summary .icon {
    flex-shrink:0;
}

.artifact-summary .about {
    margin-left:4px;
    flex-grow:1;
}

.artifact-summary .header {
    /*margin-bottom: 4px;*/
}

.artifact-summary .common {
    color: silver;
}

.artifact-summary .rare {
    color: lime;
}

.artifact-summary .epic {
    color: magenta;
}

.artifact-summary .legendary {
    color: brown;
}