FF flexbug issue, see #54

Author: Billy Clark

themes/material/mfa/new-backup-codes.php

@@ -56,7 +56,7 @@ function disableDownload() {
             </p>
 
             <div class="mdl-card mdl-shadow--8dp">
-                <div class="mdl-card__supporting-text" layout-children="column" id="code-card">
+                <div class="mdl-card__supporting-text ff-temp-flexbug-fix" layout-children="column" id="code-card">
                     <?php 
                     $idpName = htmlentities($this->configuration->getValue('idp_display_name', $this->configuration->getValue('idp_name', '—')));
                     ?>

www/styles.2.3.1.css

@@ -32,6 +32,11 @@ pre {
   align-items: center;
 }
 
+/* FF was only displaying 4 codes per column (even though there were 5) as a result of this bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1043520 */
+.ff-temp-flexbug-fix {
+  padding-top: 0.5em;
+}
+
 .code-container {
   display: flex;
   flex-direction: column;