UI of covid-19 reports should be responsive

[ApoorvDubey23]

Describe the bug When switching to mobile view , the UI of covid-19 reports must be made responsive as the Toolbox-add more destination networks is going out of the screen messing up the responsiveness, also the content padding should be reduced to make it look better

To Reproduce Steps to reproduce the behavior:

1. Go to HomePage
2. Click on 'Reports-covid-19 3.Switch to mobile view

Expected behavior less padding to make content look wider and toolbox should be placed relatively

Screenshots

Screencast from 17-12-23 12:02:49 PM IST.webm

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Samsung Galaxy S8+
• OS: [e.g. iOS8.1]
• Chrome
• Version [e.g. 22]

Additional context I would like to take on this issue

[ArnabBCA]

Duplicate issue #671 and #670 I am already assigned brother

[ApoorvDubey23]

Okay

[ApoorvDubey23]

also I need a help , while trying to commit my work I am getting this error :

git -c user.useConfigOnly=true commit --quiet --allow-empty-message --file - file:///home/apoorv/ihr-website/node_modules/lint-staged/bin/lint-staged.js:21 const packageJson = JSON.parse(await fs.readFile(new URL('../package.json', import.meta.url))) ^^^^^

SyntaxError: Unexpected reserved word at Loader.moduleStrategy (internal/modules/esm/translators.js:133:18) at async link (internal/modules/esm/module_job.js:42:21) husky - pre-commit hook exited with code 1 (error)

any idea??

[romain-fontugne]

I'm closing this, please open a different issue if you have a different problem