---
# System prepended metadata

title: UI Review (2.01)
tags: [UX, UI]

---

# 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**'
![](https://i.imgur.com/Q9Aycj3.jpg)

Existing view of '**Right Drawer**'
![](https://i.imgur.com/tMIc7Fp.jpg)

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**'
![](https://i.imgur.com/lyGRrFE.jpg)

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.
