Parent #738: Fix CSS issues in development

[simsausaurabh]

Changes proposed in this pull request

• Made changes to fix UI bugs in development.
• Made changes to support host listener decorator.
• Fixes part of parent issue - Unexpected bugs after upgrading to latest version #738
  Screenshots (if appropriate)

Link to live demo:http://pr-740-fossasia-loklaksearch.surge.sh

Closes #

[codecov]

Codecov Report

Merging #740 into development will not change coverage.
The diff coverage is n/a.

@@             Coverage Diff              @@
##           development     #740   +/-   ##
============================================
  Coverage        52.34%   52.34%           
============================================
  Files               97       97           
  Lines             2470     2470           
  Branches           271      271           
============================================
  Hits              1293     1293           
  Misses            1150     1150           
  Partials            27       27

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 90003f1...e7f4f06. Read the comment docs.

[simsausaurabh]

@hemantjadon please review.

I think development branch needs to enabled in project settings since its not getting analyzed by Codacy?

[simsausaurabh]

Before:

After:

I am working on other UI issues and broken search results.

[hemantjadon]

I think this should not be turned off.

[simsausaurabh]

Oh, sorry I was turning it to true, didn't realise it was already by taking reference from earlier branch.

[simsausaurabh]

Oh, sorry I was turning it to true, didn't realise it was already by taking reference from earlier branch. I have updated the changes please review. @hemantjadon