made the search bar responsive

[Bahati308]

Pull Requests Requirements

• The PR title includes a brief description of the work done, including the
  Issue number if applicable.
• The PR includes a video showing the changes for the work done.
• The PR title follows conventional commit label standards.
• The changes confirm to the OpenElis Global x3 Styleguide and design
  documentation.
• The changes include tests or are validated by existing tests.
• I have read and agree to the Contributing Guidelines of this project.

Summary

Screenshots

[Add relevant screenshots here if applicable]

Related Issue

[Add a link to the related issue or mention it here if applicable]

Other

[Add any additional information or notes here]

[mozzy11]

Thanks @Bahati308 ,
can you add screenshots or a screen recording ??

[Bahati308]

here is an attachment sir, @mozzy11

[Bahati308]

I put the search bar slightly below the banner for clarity(to make the banner visible )

[mozzy11]

Thanks @Bahati308 .
Can you make the blue search bar strecth up to the left border like here

[Bahati308]

thanks @mozzy11, why not, lemme go ahead and do it.

[Bahati308]

hello @mozzy11 , here are the required changes attended to as requested.

[mozzy11]

Thanks @Bahati308 ,
Can you adde a few Patients in your instace and attach the screen shot with a few patient Results ??

[Bahati308]

okay, sir here are the findings.

[mozzy11]

i cant view the screen shots

[mozzy11]

Thanks @Bahati308

can you try to replicate some thing like this

The results page should always vertically allign with the search bar

[Bahati308]

Okay, lemme go for it

[Bahati308]

thanks for the advise sir, here are the screenshots to backup the modifications made

[mozzy11]

Thanks @Bahati308

[Bahati308]

welcome @mozzy11 , thanks for your help