Fix the alignment of `<fa-icon>` in `.box*`

See https://www.woltlab.com/community/thread/300726-file-icons-in-featured-plugins-box-are-misaligned/

diff --git a/wcfsetup/install/files/style/bootstrap/mixin/box.scss b/wcfsetup/install/files/style/bootstrap/mixin/box.scss
index a7fd59486680e685cae2af548efd4f6b474421d0..817a378edfcc1bc54cac65d52582b46c51844a6d 100644 (file)
--- a/wcfsetup/install/files/style/bootstrap/mixin/box.scss
+++ b/wcfsetup/install/files/style/bootstrap/mixin/box.scss
@@ -1,6 +1,11 @@
 @mixin box($imageSize, $margin: 0) {
        display: flex;
 
+       > :first-child fa-icon {
+               left: #{($imageSize - $imageSize * 1.25) / 2};
+               position: relative;
+       }
+
        > :first-child:not(:last-child) {
                flex: 0 0 auto;
                margin-right: $margin;