Fix project logo overlapping with other parts of nav bar

[thisisharrsh]

trafficstars

Fixes : #47889

[netlify[bot]]

✅ Pull request preview available for checking

Built without sensitive environment variables

Name	Link
🔨 Latest commit	e583516083ba046d00d246b3e275ffd4bc451330
🔍 Latest deploy log	https://app.netlify.com/sites/kubernetes-io-main-staging/deploys/66eac2d3c8871e0008bd4bc3
😎 Deploy Preview	https://deploy-preview-47984--kubernetes-io-main-staging.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[thisisharrsh]

As discussed in the related issue, I have managed the size of the search box. Attached is the screen shot of the deployed navbar. 

[thisisharrsh]

Deployment preview: https://deploy-preview-47984--kubernetes-io-main-staging.netlify.app/

[sftim]

/retitle Fix project logo overlapping with other parts of nav bar

[k8s-ci-robot]

LGTM label has been added.

Git tree hash: 7fc1545a7ffba32b973ad29da71be7e9069da11b

[sftim]

/assign @tengqm

[nate-double-u]

Tested on MacOS with Firefox, Chrome and Safari.

This seems to have solved the issue.

How do we know this is a good choice of text size?

I'm not a fan of magic numbers either, but it looks good in this case. We can revisit if needed.

/approve

[nate-double-u]

Oops, I can't approve web code updates, so an additional lgtm instead:

/lgtm

[nate-double-u]

/approve

[nate-double-u]

/approve

[k8s-ci-robot]

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: nate-double-u

The full list of commands accepted by this bot can be found here.

The pull request process is described here

Needs approval from an approver in each of these files:

• ~~OWNERS~~ [nate-double-u]

Approvers can indicate their approval by writing /approve in a comment Approvers can cancel approval by writing /approve cancel in a comment