users did not like inconsistent card width for profile review

Author: Billy Clark

themes/material/common-head-elements.php

@@ -32,7 +32,7 @@
 $colors = htmlentities($this->configuration->getValue('theme.color-scheme') ?: 'indigo-purple');
 ?>
 <link rel="stylesheet" href="material.<?= $colors ?>.1.2.1.min.css">
-<link rel="stylesheet" href="styles.2.3.3.css">
+<link rel="stylesheet" href="styles.2.3.4.css">
 
 <script async src="material.1.2.1.min.js"></script>
 

themes/material/profilereview/review.php

@@ -44,7 +44,7 @@ function prettifyDates() {
 
             <section layout-children="row-top" >
                 <?php if (count($this->data['mfaOptions']) > 0): ?>
-                <div class="mdl-card mdl-shadow--8dp">
+                <div class="mdl-card fixed-width mdl-shadow--8dp">
                     <div class="mdl-card__title center">
                         <h1 class="mdl-card__title-text">
                             <?= $this->t('{material:review:mfa_header}') ?>
@@ -80,7 +80,7 @@ function prettifyDates() {
                 <?php endif; ?>
 
                 <?php if (count($this->data['methodOptions']) > 0): ?>
-                <div class="mdl-card mdl-shadow--8dp">
+                <div class="mdl-card fixed-width mdl-shadow--8dp">
                     <div class="mdl-card__title center">
                         <h1 class="mdl-card__title-text">
                             <?= $this->t('{material:review:methods_header}') ?>

www/styles.2.3.3.css www/styles.2.3.4.csswww/styles.2.3.3.css renamed to www/styles.2.3.4.css

@@ -137,6 +137,11 @@ i.material-icons.mdl-typography--display-4 {
   margin: 1em;
 }
 
+/* cards on profile review needed to have consistent width */
+.mdl-card.fixed-width {
+  width: 365px; /* takes into acocunt "... (10 remaining)" for appropriate width */
+}
+
 /* don't want images to be too small on cards */
 .mdl-card__media > img {
   min-width: 20%;