# UI Review (2.01)
###### tags: `UX`, `UI`
3Fi. v1. UI Review

## App / Navigation

> Use of responsive columns to balance drawers:

Existing view of '**Left Drawer**'

Existing view of '**Right Drawer**'

Amends:
* Note that the left drawer and the right drawer are not the same width. they should be.
* Using a responsive 12 column grid on a screen with dimentions 1440x 1024 would produce 70px gutters left and right and 28px gutters between each of the 12 columns. Therefore:
* Each drawer (left and right) should be 4 columns wide.
* Suggesting that the left drawer is currently too wide and the right drawer is currently too narrow. Please amend.
* Further: When the right drawer is open, on a screen of the above dimensions, the drawer should be positioned '**Over**' the '**More ->**' column of buttons as shown below:

Proposed view of '**Right Drawer**'

The dotted magenta box denote the boundary of the card and the vertical dotted magental line denotes the column edge where the '**More ->**' buttons are located.

The red columns denote one column in the responsive 12 column grid.