Better presentation for 2FA recovery codes (#35372).

Patch by Felix Schäfer.


git-svn-id: http://svn.redmine.org/redmine/trunk@21032 e93f8b46-1217-0410-a6f0-8f06a7374b81

public/stylesheets/application.css

@@ -810,9 +810,8 @@ html>body .tabular p {overflow:hidden;}
 .tabular input, .tabular select {max-width:95%}
 .tabular textarea {width:95%; resize:vertical;}
 input#twofa_code, img#twofa_code { width: 140px; }
-ul.twofa_backup_codes { list-style-type: none; padding: 0; display: inline-block; }
-ul.twofa_backup_codes li { float: left; }
-ul.twofa_backup_codes li:nth-child(odd) { float: left; clear: left; padding-right: 4em; }
+ul.twofa_backup_codes { list-style-type: none; padding: 0; display: inline-block; columns: 14em 2;}
+ul.twofa_backup_codes code { font-size: 16px; line-height: 2em }
 
 .tabular label{
   font-weight: bold;