tweak(ui): custom request method dropdown

[kobenguyent]

resolves #147

custom.dropdown.mov

[netlify]

✅ Deploy Preview for chimerical-kitsune-a0bfa0 ready!

Name	Link
🔨 Latest commit	4d312f0
🔍 Latest deploy log	https://app.netlify.com/sites/chimerical-kitsune-a0bfa0/deploys/664385ea0f785f00084f0bce
😎 Deploy Preview	https://deploy-preview-150--chimerical-kitsune-a0bfa0.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.

[flawiddsouza]

Any reason to put the css in main.css? Also try to give a .class when overriding default styling like ul and so on:

The hover color doesn't look right in dark mode.

Refer context menu for hover color in dark mode:

There should be a css variable for the same.
Also that white border needs to change in dark mode.

The light mode looks pretty good. No changes needed there.

Another thing. When you select a method now, the url keeps jumping forward and background. Can you set a fixed width for the method dropdown so it doesn't change the layout?

[flawiddsouza]

Also add a bit of left padding to the method selector, so it isn't almost touching the edge of the container.

Something like:

[flawiddsouza]

Looks good. Use var(--default-border-radius) instead of hardcoded border radius:

[flawiddsouza]

Let's align the dropdown with the dropdown text:

From:

To: