Centered the search bar to make look more symmetric

[mukundsutar]

Types of changes

What types of changes does your code introduce? Check all the boxes that apply:

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)

Description

• Modified the Search bar to make it look more symmetric.

Final checklist:

Go over all the following points and check all the boxes that apply
If you're unsure about any of these, don't hesitate to ask. We're here to help!

• My code follows the code style of this project.
• My change requires a change to the documentation.
• I have updated the documentation accordingly.
• I have read the CONTRIBUTING guidelines.
• All tests passed.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
zen-audio-player-github-io	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 12, 2023 8:19am

[shakeelmohamed]

Thanks for the PR, small change then we’re good to merge.

[shakeelmohamed]

Instead of padding here, let’s adjust it here so we’re consistent with the left side padding:

diff --git a/css/styles.css b/css/styles.css
index 9cac9e2..f6679a1 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -108,7 +108,7 @@ a {
 #v {
     font-size: 16px;
     margin: 0 auto;
-    padding-left: 50px;
+    padding: 0 50px;
     text-align: center;
     width: 100%;
 }

[shakeelmohamed]

This raises a broader task about overall cleaning up CSS selectors and not using IDs, but that’s a much bigger code change that’s just a “nice to have” one day.

[shakeelmohamed]

@mukundsutar hi, any chance you can revisit this?