[CAL-2948] Mobile Bottom Navbar Width Break (on prod)

[ivinayakg]

Found a bug? Please fill out the sections below. 👍

Issue Summary

In the mobile view of the authenticated view, the bottom navbar has a horizontal dimension (width) issue. It seems that the width of the navbar depends on the width of its parent (as the navbar is position: fixed), the parent however is using padding which is limiting the total width that the navbar can cover. Refer to here

Steps to Reproduce

1. Login to your app.

Actual Results

• The bottom navbar dimensions (width) seem to be broken (on mobile).

Expected Results

• The bottom navbar should take the total width of the screen (on mobile).

Technical details

Evidence

• This was mainly tested and fixed using the browser developer tools and a lot of try-n-error.

_{From SyncLinear.com | CAL-2948}

[akshayneje2823]

/attempt 13264

[ivinayakg]

Found the solution. Raising the PR.

[nishithmunda]

/attempt #13264