diff --git a/client/dist/styles/bundle-cms.css b/client/dist/styles/bundle-cms.css index fd362a56..2163f340 100644 --- a/client/dist/styles/bundle-cms.css +++ b/client/dist/styles/bundle-cms.css @@ -1 +1 @@ -.login-form__title{display:none}.mfa-app{color:#546780;font-size:1.07692rem;font-weight:400;margin:auto;max-width:600px;min-width:100%}@media (min-width:768px){.mfa-app{min-width:600px}}.mfa-app .mfa-app-title{color:#546780;display:block;font-size:1.23077rem;font-weight:400;margin-bottom:8px}.mfa-app .mfa-section-title{margin-top:0;margin-bottom:10px;font-size:1.69231rem;color:#546780;font-weight:400}.mfa-app .mfa-block-heading{font-size:1.07692rem;font-weight:700}.mfa-app a{text-decoration:none}.mfa-app label{font-weight:400}.mfa-action-list{list-style:none;margin:0;padding:0}.account-reset-action,.mfa-action-list{display:-webkit-box;display:-webkit-flex;display:flex}.account-reset-action{-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:3em}.account-reset-action--sending .account-reset-action__icon,.account-reset-action--success .account-reset-action__icon{color:#0071c4}.account-reset-action--failure .account-reset-action__icon{color:#ced5e1}.account-reset-action__message{margin-left:1em}.registered-mfa-method-list-field{padding:.5385rem 0}.registered-mfa-method-list-field__button,.registered-mfa-method-list-field__no-methods{margin-bottom:.75rem}.method-list{list-style:none;margin:0;padding:0}.registered-method-list-item{margin-bottom:.75rem}.registered-method-list-item__control{border:0;margin:0;padding:0;background:none;text-decoration:none;color:#0071c4;cursor:pointer}.registered-method-list-item__control:hover{color:#0062ab;text-decoration:underline}.registered-method-list-item__control+.registered-method-list-item__control{margin-left:1.25rem}.registered-mfa-method-list-field-register-modal{height:auto}.mfa-loading-indicator{font-size:.76923rem;position:relative;text-indent:-9999em;border:.4em solid transparent;border-left:.4em solid #0071c4;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:spinner-loader 1.1s infinite linear;-o-animation:spinner-loader 1.1s infinite linear;animation:spinner-loader 1.1s infinite linear}.mfa-loading-indicator,.mfa-loading-indicator:after{border-radius:50%;width:6em;height:6em}.mfa-loading-indicator--block{margin:60px auto}@-webkit-keyframes spinner-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-o-keyframes spinner-loader{0%{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);-o-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner-loader{0%{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);-o-transform:rotate(1turn);transform:rotate(1turn)}}.mfa-feature-list-title{color:#546780;font-size:1.23077rem;font-weight:700;margin-bottom:20px;margin-top:45px}.mfa-feature-list{list-style:none;margin:0 0 45px;padding:0}.mfa-feature-list-item{color:#43536d;display:-webkit-box;display:-webkit-flex;display:flex}.mfa-feature-list-item__icon{height:50px;margin-right:20px;width:50px}.mfa-feature-list-item__title{color:#43536d;line-height:20px;margin:0}.mfa-feature-list-item__description{line-height:20px}.mfa-method-tile{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;margin-bottom:16px;min-width:100%;position:relative}@media (min-width:480px){.mfa-method-tile{margin-right:16px;min-width:calc(50% - 8px)}.mfa-method-tile:nth-child(2n){margin-right:0}}.mfa-method-tile__content{border-radius:.5rem;-webkit-box-shadow:0 0 0 1px #d6dae0 inset;box-shadow:inset 0 0 0 1px #d6dae0;padding:2rem;width:100%}.mfa-method-tile__content:focus{outline:none}.mfa-method-tile__content:focus,.mfa-method-tile__content:hover{background:#f2f3f5;cursor:pointer}.mfa-method-tile--active .mfa-method-tile__content{-webkit-box-shadow:0 0 0 2px #006fc7 inset;box-shadow:inset 0 0 0 2px #006fc7}.mfa-method-tile__description{margin:0}.mfa-method-tile__thumbnail-container{margin-bottom:16px;text-align:center}.mfa-method-tile__thumbnail-container--unsupported{opacity:.3}.mfa-method-tile__thumbnail{height:100px;width:100px}.mfa-method-tile__title{font-size:1.15385rem}.mfa-method-tile--unsupported .mfa-method-tile__content:focus,.mfa-method-tile--unsupported .mfa-method-tile__content:hover{background:inherit;cursor:none}.mfa-method-tile__unavailable-mask{background:#4a4a4a;border-top-left-radius:.5rem;border-top-right-radius:.5rem;color:#fff;width:100%;left:0;padding:1rem 2rem;position:absolute;top:0}.mfa-method-tile__unavailable-title{font-size:1.15385rem;display:inline}.mfa-method-tile__unavailable-text{display:inline}@media (min-width:768px){.mfa-method-tile-groups--three-columns .mfa-method-tile{width:calc(33% - 16px)}.mfa-method-tile-groups--three-columns .mfa-method-tile:nth-child(3n){margin-right:0}.mfa-method-tile-groups--three-columns .mfa-method-tile:nth-child(2n){margin-right:16px}}.mfa-method-tile-group{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-flow:row wrap;flex-flow:row wrap;list-style-type:none;padding:0;width:100%}.mfa-register-confirmation{text-align:center;margin:3em auto}.mfa-register-confirmation__icon{line-height:1;color:#3ba238;font-size:76px}.mfa-register-confirmation__continue{margin-top:2.5em}.mfa-register-backup-codes__code-grid{display:-ms-inline-grid;display:inline-grid;-ms-grid-columns:auto auto auto;grid-template-columns:auto auto auto;border:1px dashed #aebace;font-weight:700}.mfa-register-backup-codes__code-grid>div{margin:10px}.mfa-register-backup-codes__helper-links{margin-left:-10px}.mfa-register-backup-codes__container>div{margin-bottom:10px}.mfa-verify-backup-codes__container{display:-ms-grid;display:grid;-ms-grid-columns:50% 50%;grid-template-columns:50% 50%}.mfa-verify-backup-codes__content{padding-top:10px}.mfa-verify-backup-codes__input-container{margin-top:10px}.mfa-verify-backup-codes__input{display:block}.mfa-verify-backup-codes__image{height:240px;width:240px;float:right} \ No newline at end of file +.login-form__title{display:none}.mfa-app{color:#546780;font-size:1.07692rem;font-weight:400;margin:auto;max-width:600px;min-width:100%}@media (min-width:768px){.mfa-app{min-width:600px}}.mfa-app .mfa-app-title{color:#546780;display:block;font-size:1.23077rem;font-weight:400;margin-bottom:8px}.mfa-app .mfa-section-title{margin-top:0;margin-bottom:10px;font-size:1.69231rem;color:#546780;font-weight:400}.mfa-app .mfa-block-heading{font-size:1.07692rem;font-weight:700}.mfa-app a{text-decoration:none}.mfa-app label{font-weight:400}.mfa-action-list{list-style:none;margin:0;padding:0}.account-reset-action,.mfa-action-list{display:-webkit-box;display:-webkit-flex;display:flex}.account-reset-action{-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:3em}.account-reset-action--sending .account-reset-action__icon,.account-reset-action--success .account-reset-action__icon{color:#0071c4}.account-reset-action--failure .account-reset-action__icon{color:#ced5e1}.account-reset-action__message{margin-left:1em}.registered-mfa-method-list-field{padding:.5385rem 0}.registered-mfa-method-list-field__button,.registered-mfa-method-list-field__no-methods{margin-bottom:.75rem}.method-list{list-style:none;margin:0;padding:0}.registered-method-list-item{margin-bottom:.75rem}.registered-method-list-item__control{border:0;margin:0;padding:0;background:none;text-decoration:none;color:#0071c4;cursor:pointer}.registered-method-list-item__control:hover{color:#0062ab;text-decoration:underline}.registered-method-list-item__control+.registered-method-list-item__control{margin-left:1.25rem}.registered-mfa-method-list-field-register-modal{height:auto}.mfa-loading-indicator{font-size:.76923rem;position:relative;text-indent:-9999em;border:.4em solid transparent;border-left:.4em solid #0071c4;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:spinner-loader 1.1s infinite linear;-o-animation:spinner-loader 1.1s infinite linear;animation:spinner-loader 1.1s infinite linear}.mfa-loading-indicator,.mfa-loading-indicator:after{border-radius:50%;width:6em;height:6em}.mfa-loading-indicator--block{margin:60px auto}@-webkit-keyframes spinner-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-o-keyframes spinner-loader{0%{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);-o-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner-loader{0%{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);-o-transform:rotate(1turn);transform:rotate(1turn)}}.mfa-feature-list-title{color:#546780;font-size:1.23077rem;font-weight:700;margin-bottom:20px;margin-top:45px}.mfa-feature-list{list-style:none;margin:0 0 45px;padding:0}.mfa-feature-list-item{color:#43536d;display:-webkit-box;display:-webkit-flex;display:flex}.mfa-feature-list-item__icon{height:50px;margin-right:20px;width:50px}.mfa-feature-list-item__title{color:#43536d;line-height:20px;margin:0}.mfa-feature-list-item__description{line-height:20px}.mfa-method-tile{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;margin-bottom:16px;min-width:100%;position:relative}@media (min-width:480px){.mfa-method-tile{margin-right:16px;min-width:calc(50% - 8px)}.mfa-method-tile:nth-child(2n){margin-right:0}}.mfa-method-tile__content{border-radius:.5rem;-webkit-box-shadow:0 0 0 1px #d6dae0 inset;box-shadow:inset 0 0 0 1px #d6dae0;padding:2rem;width:100%}.mfa-method-tile__content:focus{outline:none}.mfa-method-tile__content:focus,.mfa-method-tile__content:hover{background:#f2f3f5;cursor:pointer}.mfa-method-tile--active .mfa-method-tile__content{-webkit-box-shadow:0 0 0 2px #006fc7 inset;box-shadow:inset 0 0 0 2px #006fc7}.mfa-method-tile__description{margin:0}.mfa-method-tile__thumbnail-container{margin-bottom:16px;text-align:center}.mfa-method-tile__thumbnail-container--unsupported{opacity:.3}.mfa-method-tile__thumbnail{height:100px;width:100px}.mfa-method-tile__title{font-size:1.15385rem}.mfa-method-tile--unsupported .mfa-method-tile__content:focus,.mfa-method-tile--unsupported .mfa-method-tile__content:hover{background:inherit;cursor:none}.mfa-method-tile__unavailable-mask{background:#4a4a4a;border-top-left-radius:.5rem;border-top-right-radius:.5rem;color:#fff;width:100%;left:0;padding:1rem 2rem;position:absolute;top:0}.mfa-method-tile__unavailable-title{font-size:1.15385rem;display:inline}.mfa-method-tile__unavailable-text{display:inline}@media (min-width:768px){.mfa-method-tile-groups--three-columns .mfa-method-tile{width:calc(33% - 16px)}.mfa-method-tile-groups--three-columns .mfa-method-tile:nth-child(3n){margin-right:0}.mfa-method-tile-groups--three-columns .mfa-method-tile:nth-child(2n){margin-right:16px}}.mfa-method-tile-group{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-flow:row wrap;flex-flow:row wrap;list-style-type:none;padding:0;width:100%}.mfa-register-confirmation{text-align:center;margin:3em auto}.mfa-register-confirmation__icon{line-height:1;color:#3ba238;font-size:76px}.mfa-register-confirmation__continue{margin-top:2.5em}.mfa-register-backup-codes__code-grid{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;max-width:350px;border:1px dashed #aebace;font-weight:700}.mfa-register-backup-codes__code-grid>div{margin:10px}.mfa-register-backup-codes__helper-links{margin-left:-10px}.mfa-register-backup-codes__container>div{margin-bottom:10px}.mfa-verify-backup-codes__container{display:-ms-grid;display:grid;-ms-grid-columns:50% 50%;grid-template-columns:50% 50%}.mfa-verify-backup-codes__content{padding-top:10px}.mfa-verify-backup-codes__input-container{margin-top:10px}.mfa-verify-backup-codes__input{display:block}.mfa-verify-backup-codes__image{height:240px;width:240px;float:right} \ No newline at end of file diff --git a/client/dist/styles/bundle.css b/client/dist/styles/bundle.css index 818bf280..7cd57799 100644 --- a/client/dist/styles/bundle.css +++ b/client/dist/styles/bundle.css @@ -1 +1 @@ -.login-form__title{display:none}.mfa-app{color:#546780;font-size:1.07692rem;font-weight:400;margin:auto;max-width:600px;min-width:100%}@media (min-width:768px){.mfa-app{min-width:600px}}.mfa-app .mfa-app-title{color:#546780;display:block;font-size:1.23077rem;font-weight:400;margin-bottom:8px}.mfa-app .mfa-section-title{margin-top:0;margin-bottom:10px;font-size:1.69231rem;color:#546780;font-weight:400}.mfa-app .mfa-block-heading{font-size:1.07692rem;font-weight:700}.mfa-app a{text-decoration:none}.mfa-app label{font-weight:400}.mfa-action-list{display:-webkit-box;display:-webkit-flex;display:flex;list-style:none;margin:0;padding:0}.mfa-loading-indicator{font-size:.76923rem;position:relative;text-indent:-9999em;border:.4em solid transparent;border-left:.4em solid #0071c4;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:spinner-loader 1.1s infinite linear;-o-animation:spinner-loader 1.1s infinite linear;animation:spinner-loader 1.1s infinite linear}.mfa-loading-indicator,.mfa-loading-indicator:after{border-radius:50%;width:6em;height:6em}.mfa-loading-indicator--block{margin:60px auto}@-webkit-keyframes spinner-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-o-keyframes spinner-loader{0%{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);-o-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner-loader{0%{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);-o-transform:rotate(1turn);transform:rotate(1turn)}}@media (min-width:768px){.mfa-verify-select-method__container{display:-ms-grid;display:grid;-ms-grid-columns:50% 50%;grid-template-columns:50% 50%}}.mfa-verify-select-method__content{padding-top:calc(2rem - 10px)}.mfa-verify-select-method__image{height:240px;width:240px;margin-left:auto}@media (max-width:768px){.mfa-verify-select-method__image{display:none}}.mfa-verify-select-method__method-list{list-style:none;margin-bottom:2rem;padding-left:0}.mfa-verify-select-method__method:not(:first-child){margin-top:1rem}.mfa-verify-select-method__method-message{display:block;font-style:italic}.mfa-verify-select-method__actions{margin-top:2rem}.mfa-feature-list-title{color:#546780;font-size:1.23077rem;font-weight:700;margin-bottom:20px;margin-top:45px}.mfa-feature-list{list-style:none;margin:0 0 45px;padding:0}.mfa-feature-list-item{color:#43536d;display:-webkit-box;display:-webkit-flex;display:flex}.mfa-feature-list-item__icon{height:50px;margin-right:20px;width:50px}.mfa-feature-list-item__title{color:#43536d;line-height:20px;margin:0}.mfa-feature-list-item__description{line-height:20px}.mfa-method-tile{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;margin-bottom:16px;min-width:100%;position:relative}@media (min-width:480px){.mfa-method-tile{margin-right:16px;min-width:calc(50% - 8px)}.mfa-method-tile:nth-child(2n){margin-right:0}}.mfa-method-tile__content{border-radius:.5rem;-webkit-box-shadow:0 0 0 1px #d6dae0 inset;box-shadow:inset 0 0 0 1px #d6dae0;padding:2rem;width:100%}.mfa-method-tile__content:focus{outline:none}.mfa-method-tile__content:focus,.mfa-method-tile__content:hover{background:#f2f3f5;cursor:pointer}.mfa-method-tile--active .mfa-method-tile__content{-webkit-box-shadow:0 0 0 2px #006fc7 inset;box-shadow:inset 0 0 0 2px #006fc7}.mfa-method-tile__description{margin:0}.mfa-method-tile__thumbnail-container{margin-bottom:16px;text-align:center}.mfa-method-tile__thumbnail-container--unsupported{opacity:.3}.mfa-method-tile__thumbnail{height:100px;width:100px}.mfa-method-tile__title{font-size:1.15385rem}.mfa-method-tile--unsupported .mfa-method-tile__content:focus,.mfa-method-tile--unsupported .mfa-method-tile__content:hover{background:inherit;cursor:none}.mfa-method-tile__unavailable-mask{background:#4a4a4a;border-top-left-radius:.5rem;border-top-right-radius:.5rem;color:#fff;width:100%;left:0;padding:1rem 2rem;position:absolute;top:0}.mfa-method-tile__unavailable-title{font-size:1.15385rem;display:inline}.mfa-method-tile__unavailable-text{display:inline}@media (min-width:768px){.mfa-method-tile-groups--three-columns .mfa-method-tile{width:calc(33% - 16px)}.mfa-method-tile-groups--three-columns .mfa-method-tile:nth-child(3n){margin-right:0}.mfa-method-tile-groups--three-columns .mfa-method-tile:nth-child(2n){margin-right:16px}}.mfa-method-tile-group{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-flow:row wrap;flex-flow:row wrap;list-style-type:none;padding:0;width:100%}.mfa-register-confirmation{text-align:center;margin:3em auto}.mfa-register-confirmation__icon{line-height:1;color:#3ba238;font-size:76px}.mfa-register-confirmation__continue{margin-top:2.5em}.help-block{color:#a91e2e;margin:.2em 0}.mfa-method{text-align:center}.mfa-method-icon{margin-bottom:2rem}.mfa-method-icon--unavailable{color:#0071c4}.mfa-method-options{margin-top:2rem}.mfa-register-backup-codes__code-grid{display:-ms-inline-grid;display:inline-grid;-ms-grid-columns:auto auto auto;grid-template-columns:auto auto auto;border:1px dashed #aebace;font-weight:700}.mfa-register-backup-codes__code-grid>div{margin:10px}.mfa-register-backup-codes__helper-links{margin-left:-10px}.mfa-register-backup-codes__container>div{margin-bottom:10px}.mfa-verify-backup-codes__container{display:-ms-grid;display:grid;-ms-grid-columns:50% 50%;grid-template-columns:50% 50%}.mfa-verify-backup-codes__content{padding-top:10px}.mfa-verify-backup-codes__input-container{margin-top:10px}.mfa-verify-backup-codes__input{display:block}.mfa-verify-backup-codes__image{height:240px;width:240px;float:right} \ No newline at end of file +.login-form__title{display:none}.mfa-app{color:#546780;font-size:1.07692rem;font-weight:400;margin:auto;max-width:600px;min-width:100%}@media (min-width:768px){.mfa-app{min-width:600px}}.mfa-app .mfa-app-title{color:#546780;display:block;font-size:1.23077rem;font-weight:400;margin-bottom:8px}.mfa-app .mfa-section-title{margin-top:0;margin-bottom:10px;font-size:1.69231rem;color:#546780;font-weight:400}.mfa-app .mfa-block-heading{font-size:1.07692rem;font-weight:700}.mfa-app a{text-decoration:none}.mfa-app label{font-weight:400}.mfa-action-list{display:-webkit-box;display:-webkit-flex;display:flex;list-style:none;margin:0;padding:0}.mfa-loading-indicator{font-size:.76923rem;position:relative;text-indent:-9999em;border:.4em solid transparent;border-left:.4em solid #0071c4;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:spinner-loader 1.1s infinite linear;-o-animation:spinner-loader 1.1s infinite linear;animation:spinner-loader 1.1s infinite linear}.mfa-loading-indicator,.mfa-loading-indicator:after{border-radius:50%;width:6em;height:6em}.mfa-loading-indicator--block{margin:60px auto}@-webkit-keyframes spinner-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-o-keyframes spinner-loader{0%{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);-o-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner-loader{0%{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);-o-transform:rotate(1turn);transform:rotate(1turn)}}@media (min-width:768px){.mfa-verify-select-method__container{display:-ms-grid;display:grid;-ms-grid-columns:50% 50%;grid-template-columns:50% 50%}}.mfa-verify-select-method__content{padding-top:calc(2rem - 10px)}.mfa-verify-select-method__image{height:240px;width:240px;margin-left:auto}@media (max-width:768px){.mfa-verify-select-method__image{display:none}}.mfa-verify-select-method__method-list{list-style:none;margin-bottom:2rem;padding-left:0}.mfa-verify-select-method__method:not(:first-child){margin-top:1rem}.mfa-verify-select-method__method-message{display:block;font-style:italic}.mfa-verify-select-method__actions{margin-top:2rem}.mfa-feature-list-title{color:#546780;font-size:1.23077rem;font-weight:700;margin-bottom:20px;margin-top:45px}.mfa-feature-list{list-style:none;margin:0 0 45px;padding:0}.mfa-feature-list-item{color:#43536d;display:-webkit-box;display:-webkit-flex;display:flex}.mfa-feature-list-item__icon{height:50px;margin-right:20px;width:50px}.mfa-feature-list-item__title{color:#43536d;line-height:20px;margin:0}.mfa-feature-list-item__description{line-height:20px}.mfa-method-tile{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;margin-bottom:16px;min-width:100%;position:relative}@media (min-width:480px){.mfa-method-tile{margin-right:16px;min-width:calc(50% - 8px)}.mfa-method-tile:nth-child(2n){margin-right:0}}.mfa-method-tile__content{border-radius:.5rem;-webkit-box-shadow:0 0 0 1px #d6dae0 inset;box-shadow:inset 0 0 0 1px #d6dae0;padding:2rem;width:100%}.mfa-method-tile__content:focus{outline:none}.mfa-method-tile__content:focus,.mfa-method-tile__content:hover{background:#f2f3f5;cursor:pointer}.mfa-method-tile--active .mfa-method-tile__content{-webkit-box-shadow:0 0 0 2px #006fc7 inset;box-shadow:inset 0 0 0 2px #006fc7}.mfa-method-tile__description{margin:0}.mfa-method-tile__thumbnail-container{margin-bottom:16px;text-align:center}.mfa-method-tile__thumbnail-container--unsupported{opacity:.3}.mfa-method-tile__thumbnail{height:100px;width:100px}.mfa-method-tile__title{font-size:1.15385rem}.mfa-method-tile--unsupported .mfa-method-tile__content:focus,.mfa-method-tile--unsupported .mfa-method-tile__content:hover{background:inherit;cursor:none}.mfa-method-tile__unavailable-mask{background:#4a4a4a;border-top-left-radius:.5rem;border-top-right-radius:.5rem;color:#fff;width:100%;left:0;padding:1rem 2rem;position:absolute;top:0}.mfa-method-tile__unavailable-title{font-size:1.15385rem;display:inline}.mfa-method-tile__unavailable-text{display:inline}@media (min-width:768px){.mfa-method-tile-groups--three-columns .mfa-method-tile{width:calc(33% - 16px)}.mfa-method-tile-groups--three-columns .mfa-method-tile:nth-child(3n){margin-right:0}.mfa-method-tile-groups--three-columns .mfa-method-tile:nth-child(2n){margin-right:16px}}.mfa-method-tile-group{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-flow:row wrap;flex-flow:row wrap;list-style-type:none;padding:0;width:100%}.mfa-register-confirmation{text-align:center;margin:3em auto}.mfa-register-confirmation__icon{line-height:1;color:#3ba238;font-size:76px}.mfa-register-confirmation__continue{margin-top:2.5em}.help-block{color:#a91e2e;margin:.2em 0}.mfa-method{text-align:center}.mfa-method-icon{margin-bottom:2rem}.mfa-method-icon--unavailable{color:#0071c4}.mfa-method-options{margin-top:2rem}.mfa-register-backup-codes__code-grid{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;max-width:350px;border:1px dashed #aebace;font-weight:700}.mfa-register-backup-codes__code-grid>div{margin:10px}.mfa-register-backup-codes__helper-links{margin-left:-10px}.mfa-register-backup-codes__container>div{margin-bottom:10px}.mfa-verify-backup-codes__container{display:-ms-grid;display:grid;-ms-grid-columns:50% 50%;grid-template-columns:50% 50%}.mfa-verify-backup-codes__content{padding-top:10px}.mfa-verify-backup-codes__input-container{margin-top:10px}.mfa-verify-backup-codes__input{display:block}.mfa-verify-backup-codes__image{height:240px;width:240px;float:right} \ No newline at end of file diff --git a/client/src/components/BackupCodes/Register.scss b/client/src/components/BackupCodes/Register.scss index fed54f17..26a9df5e 100644 --- a/client/src/components/BackupCodes/Register.scss +++ b/client/src/components/BackupCodes/Register.scss @@ -1,7 +1,9 @@ .mfa-register-backup-codes { &__code-grid { - display: inline-grid; - grid-template-columns: auto auto auto; + display: inline-flex; + flex-wrap: wrap; + justify-content: space-between; + max-width: 350px; border: 1px dashed $gray-300; font-weight: bold;