Navbar icons adjusting irregularly

[kli283]

The icons on the navbar at the top of the application seem to unnecessarily adjust itself to two rows at certain resolutions (as shown below).

It is expected that the icons only adjust to another row if there is not enough horizontal space.
I have set a minimum resolution for the application in #211 but this issue will conflict with it, causing items to disappear off the minimum height.

To recreate this:

1. Start the application
2. Play around with the resolution of the application until you observe that the icons are split between two rows.

[hpt09]

Approve

[Amal97]

approve

[ktam069]

Approve. The resizing behaviour is pretty erratic - sometimes it changes into two rows while decreasing the window size further can actually change it back to one row.