Changed styling for search and main menu

[martinyde]

https://leantime.itkdev.dk/#/tickets/showTicket/131

• Change search
• Change main menu

Menu:

Search results:

[yepzdk]

Looks good. A couple of minor comments in the code.

I regards to the design from the screenshots i have a couple of comments.

Menu:

• It looks like the search icon hangs a bit low, and do not properly align with the menu items.

Search:

• It looks like a border around the white background and not a shadow?
• White background is also missing rounded corners.
• Rounded corners is missing on the focused result.
• The padding in the focused result seems a bit small, can we adjust
• Can we limit the excerpt text to 2 lines?
• Is it possible to highlight the part of the text that matches the query text, as en the design?
• The spacing between the title and excerpt seems a bit too large.

[martinyde]

Changed screenshots in description after changes.

Menu:

It looks like the search icon hangs a bit low, and do not properly align with the menu items.
--- Moved a bit up

Search:

It looks like a border around the white background and not a shadow?
--- Added shadow on top of border as design i think.

White background is also missing rounded corners.
--- Added rounded corners

Rounded corners is missing on the focused result.
--- Added rounded corners

The padding in the focused result seems a bit small, can we adjust
--- Changed badding from .5em to .75em
Can we limit the excerpt text to 2 lines?
--- Reduced text length.

Is it possible to highlight the part of the text that matches the query text, as en the design?
--- Added highlighting in header and excerpt (if found in the first two lines of the excerpt). The result excerpt cannot easily be created from the search query so we can't center the text around the search query.

The spacing between the title and excerpt seems a bit too large.
--- Removed spacing