Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: footer buttons not aligned properly #424

Merged
merged 6 commits into from
Sep 4, 2024

Conversation

drmcodes
Copy link
Contributor

@drmcodes drmcodes commented Aug 2, 2024

Preview

kleros buttons

Changes

Buttons aligned

Footer.css was linted automatically

Fixes #423


PR-Codex overview

The focus of this PR is to replace the Twitter icon with a new SVG icon, update styles in footer.css, and improve responsiveness.

Detailed summary

  • Replaced Twitter icon with a new SVG in footer/index.js
  • Updated styles in footer.css for better alignment and responsiveness

✨ Ask PR-Codex anything about this PR by commenting with /codex {your question}

Copy link

netlify bot commented Aug 2, 2024

Deploy Preview for kleros-court ready!

Name Link
🔨 Latest commit a60f1b6
🔍 Latest deploy log https://app.netlify.com/sites/kleros-court/deploys/66cdaedf6720480008c2335d
😎 Deploy Preview https://deploy-preview-424--kleros-court.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

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

@kemuru kemuru self-requested a review August 2, 2024 19:47
Copy link
Contributor

@kemuru kemuru left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

good job but we can do more unrelated improvements, now that you're at it, you can push it to the same PR/branch:

  1. the horizontal paddings have to be equal with the navbar above.
  2. change twitter logo for X logo (you can take it from the kleros-v2 repo assets), change all twitter links for x links. twitter logo was not fully aligned with the other icons either if u look closely
  3. make the footer visible in mobile, change the arrangement in mobile so that its a flex-direction: column, and make sure it looks good in mobile
2024-08-02.21-55-41.mp4

Copy link

sonarcloud bot commented Aug 27, 2024

@kemuru kemuru self-requested a review August 27, 2024 10:54
@jaybuidl jaybuidl merged commit eae2c13 into kleros:master Sep 4, 2024
5 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Footer buttons misaligned in the footer section
3 participants