# Added MFA-pages: devices, phone & questions

* Updated tooltip molecule: made it wider and added a `.m-tooltip--down` modifier.
* Fixed link hover styling by overwriting the app.css provided by salesforce
* Added device summary ( DOM changes required to all summary-edit components )
* Added MFA-devices page
* Added MFA-phone page
* Added MFA-questions page

## Commit details (retroactive)

* Added `l-container`, `l-content`, `l-content__item`, `l-form`, `l-form__grid`, `l-form__submit`; Added HTML tags `<div>`, `<form>`, `<p>` in template files `src/templates/styleguides/general/atoms/input/input-macros.njk`, `src/templates/styleguides/general/pages/MFA/phone.njk`, `src/templates/styleguides/general/pages/_partials/MFA/phone.njk` on page `MFA/phone`.
* Added `l-container`, `l-content`, `l-content__item`, `l-form`, `l-form__grid`, `l-form__submit`; Added HTML tags `<div>`, `<form>`, `<p>` in template files `src/templates/styleguides/general/pages/MFA/questions.njk`, `src/templates/styleguides/general/pages/_partials/MFA/questions.njk` on page `MFA/questions`.
* Added `js-tooltip`, `m-tooltip`, `m-tooltip--down`, `m-tooltip__content`, `m-tooltip__icon`, `m-tooltip__text`; Added HTML tags `<div>`, `<p>`, `<span>` in SCSS files `src/scss/general/components/molecules/_tooltip.scss` on page `styleguides/general/molecules/tooltip/tooltip-page`.
* Added `l-container`, `l-content`, `l-content__item`, `l-section`, `m-summary`, `m-summary--contained`; Added HTML tags `<article>`, `<div>`, `<em>`, `<h4>`, `<header>` in SCSS files `src/scss/general/components/molecules/_summary.scss`, `src/scss/general/components/organisms/_tabs.scss` on page `MFA/devices`.