[UI change]: Search Bar UI

[TartejBrothers]

Issue

• There can be some padding and design changes for the search bar.
• The menu items can be center-aligned on mobile.

[robertoostenveld]

Hi Taranjeet, We are not web builders/designers. Could you come with some concrete suggestions to the CSS and HTML code to improve the layout?

[TartejBrothers]

• This search bar design looks good to me.

Mobile View

• We need to make these changes

.collapse.show {
    display: flex;
    flex-direction: column;
    align-items: center;
} 

and

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    margin: 0 auto;
    list-style: none;
}

in main.css

• This will center align the menu items