Visual adjustments for 2FA methods

diff --git a/wcfsetup/install/files/style/ui/accountSecurity.scss b/wcfsetup/install/files/style/ui/accountSecurity.scss
index 1af3ec58261955d766253ad6a9d9b18c2ad36636..8f2c696a6c391369084215b3398749477ccfe62d 100644 (file)
--- a/wcfsetup/install/files/style/ui/accountSecurity.scss
+++ b/wcfsetup/install/files/style/ui/accountSecurity.scss
@@ -1,10 +1,26 @@
 .accountSecurityContainer {
        display: flex;
-       flex-wrap: wrap;
+
+       @include screen-sm-down {
+               flex-direction: column;
+       }
 }
 
 .accountSecurityInformation {
-       flex: 1 1 auto;
+       flex: 1 auto;
+}
+
+.accountSecurityButtons {
+       flex: 0 0 auto;
+
+       @include screen-md-up {
+               margin-left: 10px;
+       }
+
+       @include screen-sm-down {
+               align-self: flex-end;
+               margin-top: 5px;
+       }
 }
 
 .multifactorBackupCode {