# Added deposit and download page

### Crossbrowser

* Scrollbar on the left is fixed on Internet Exploder
* Overbooking width is fixed on Internet Exploder
* Header is correctly aligned on Internet Exploder

### Components

* Divider added
* Overlay expanded with o-overlay--full-width
* Pagination added
* Button received new modifier: a-button--fill-space
* Budget component has now two large modifiers: a-budget--1x-large, a-budget--2x-large
* Added icon component with its different modifiers
* Added input-group component
* Added input errors
* New Button group component used to group two or more buttons in one container

### Pages

* Overbooking - confirm added
* Detail-transaction-upcoming variation page added
* Account delete v1, v2, v3 added
* Inclusion-calculator main page/overlay added
* Inclusion-calculator result page/overlay added
* Updated settings pages (account, account-edit and personal-info)
* Download - transaction added

### Updates

* Budget - component

  * Every instance where an a-budget--1x-large is used is changed to a-budget--2x-large (find and replace all)
  * The a-budget--2x-large is added onto the new overbooking - confirm page
  * Every instance where a-budget--primary is used can be replaced by is-positive state
  * is-positive and is-negative states added to component

* Overview - page

  * Main - added pagination in the l-section__footer of the deposito accounts section

* Overbooking - page

  * Succes

    * Added mobile only overlay next to the desktop one, makes use of the o-overlay--full-width modifier, the one on desktop should stay o-overlay--center
    * Added wrapper for the overlay `<div class="p-transaction-succes"></div>`
    * Moved the a-icon-button as a close out of the m-feedback component and placed it within the p-transaction-succes
    * Removed m-feedback__close class from the close-button

* search-transactions

  * filter

    * Changes within the l-form where the first two input fields are placed within an o-input-group component and where the other two input fields are placed within another o-input-group, l-grid is also applied here. **IMPORTANT** here is to note that when the input fields have their own label instead of just one that represents both labels, this o-input-group should not be used.

* Detail - transaction - 1

  * Changed budget a-budget--primary class to is-positive

* Overbooking - choice

  * Moved a-icon-button outside of l-section and placed above and placed div-wrapper around it with class p-overbooking__back

* Settings

  * Account

    * Added p-settings and p-settings--acount and removed p-settings-account
    * Changed p-settings-account__content class to p-settings__tabs

  * Account-edit

    * Removed l-section and moved everything in l-form
    * Added mobile overlay

  * Personal-info

    * Added p-settings and p-settings--info
    * Changed p-settings-account__content class to p-settings__tabs
    * Added tooltip next to the label of the first two input fields
    * Buttons placed in button-group

* Notifications

  * Detail file

    * Buttons placed in button-group and removed l-section__footer--full-width class

* Overview

  * Detail product

    * Within l-section__header where there is a class l-section__header--with-actions, the buttons are placed within an m-button-group component

  * Detail transaction upcoming

    * Buttons placed in button-group and removed l-section__footer--full-width class