Use prettier for SCSS (#3895)

[GitHub/WoltLab/WCF.git] / wcfsetup / install / files / style / ui / trophy.scss

diff --git a/wcfsetup/install/files/style/ui/trophy.scss b/wcfsetup/install/files/style/ui/trophy.scss
index e68562b1a23e54271342716e23655179a8864add..2f0560842c5fba7e87a95a8e910d6ba1aee82180 100644 (file)
--- a/wcfsetup/install/files/style/ui/trophy.scss
+++ b/wcfsetup/install/files/style/ui/trophy.scss
@@ -19,25 +19,25 @@
 .trophyIcon {
        display: inline-block;
        border-radius: 50%;
-       
+
        &.icon {
                /* Factor: 0.5625 */
                &.icon16 {
                        font-size: 9px;
                }
-               
+
                &.icon32 {
                        font-size: 18px;
                }
-               
+
                &.icon48 {
                        font-size: 27px;
                }
-               
+
                &.icon64 {
                        font-size: 36px;
                }
-               
+
                &.icon144 {
                        font-size: 81px;
                }
@@ -47,19 +47,24 @@
 .specialTrophyList {
        display: flex;
        flex-wrap: wrap;
-       
+
        > li {
-               width: 300px; 
+               width: 300px;
                padding-bottom: 5px;
-               
+
                > label {
-                       display: flex; 
+                       display: flex;
                        align-items: center;
-                       
+
                        .trophyIcon,
                        > span:last-child {
                                margin-left: 5px;
                        }
+
+                       input,
+                       .trophyIcon {
+                               flex-shrink: 0;
+                       }
                }
        }
 }
@@ -67,14 +72,14 @@
 /* trophies in message sidebar */
 .specialTrophyContainer {
        margin-top: 10px;
-       
+
        > ul {
                display: flex;
                justify-content: center;
                flex-wrap: wrap;
                margin-bottom: -5px;
                margin-right: -5px;
-               
+
                > li {
                        margin-bottom: 5px;
                        margin-right: 5px;
@@ -95,7 +100,7 @@
        flex-wrap: wrap;
        margin-right: -5px;
        margin-top: -15px;
-       
+
        > li {
                margin-bottom: 5px;
                margin-right: 5px;