Enhanced Spacing for Improved Component Layout

akhilender-bongirwar commented 1 year ago

In response to user feedback, this commit addresses the spacing concerns within the GetNighthawk website's UI. The existing design was visually appealing but lacked sufficient spacing between certain components.

Changes Made:

Added margin-bottom to the analysis, distribution, and standards-based cards to create a clear distinction between them and improve readability.
Introduced appropriate spacing between the 'Nighthawk & Meshery' section and the 'Layer 7 Performance Analysis' division to enhance the overall visual balance.

These adjustments have been carefully implemented to maintain the smooth and polished UI while ensuring a more comfortable viewing experience for users. The improved spacing creates a harmonious layout, allowing each component to breathe and stand out effectively.

Resolves Issue: #290

Signed-off-by: Akhilender akhilenderb9@gmail.com

Description

This PR fixes #290

Notes for Reviewers

Signed commits

[x] Yes, I signed my commits.

welcome[bot] commented 1 year ago

Yay, your first pull request! :thumbsup: A contributor will be by to give feedback soon. In the meantime, please review the Layer5 Community Welcome Guide and sure to join the community Slack. Be sure to double-check that you have signed your commits. Here are instructions for making signing an implicit activity while peforming a commit.

netlify[bot] commented 1 year ago

Website preview ready!

Name	Link
Latest commit	2715cc961d72187aae006521efa5842c47d55cdf
Latest deploy log	https://app.netlify.com/sites/getnighthawk/deploys/64f05fb552f4c20008e229b7
Deploy Preview	https://deploy-preview-331--getnighthawk.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.

layer5io / getnighthawk