🐾 Minor Update: Move 'X' button in Sidebar to leftside

[Sahillather002]

Context

We have a sidebar navigation that allows us to click the "X" or outside of the sidebar in order to close it.

Problem

When we click to open the sidebar on the far left, the 'X' is on the far right, which forces the user to navigate from left to right (bad UX). Instead, having it at the same place as the hamburger icon improves UX.

Note that the global text centering applies here, so that's why it's centered (and we made it right aligned rigidly)

Solution

Make the 'X' button left-aligned. You'll probably have to use both text-align:left and text-align:center explicitly or use flexbox.

Disclaimer: do not remove body { text-align: center; } It's a necessary evil, at this point in the project.