Skip to content

[RTY-260045]: Fix UI responsiveness, spacing issues, and sticky foote…#46

Merged
recursivezero merged 3 commits intomainfrom
bugfix/RTY-260045
Mar 20, 2026
Merged

[RTY-260045]: Fix UI responsiveness, spacing issues, and sticky foote…#46
recursivezero merged 3 commits intomainfrom
bugfix/RTY-260045

Conversation

@Ravindrayadav04
Copy link
Collaborator

…r layout

Pull Request Template

Description

This PR improves overall UI/UX by fixing layout issues, ensuring responsive design, and implementing a sticky footer.

Fixes Implemented

  1. Implemented proper sticky footer using flexbox layout:

    • Added .container wrapper with min-height: 100vh
    • Applied flex: 1 to main content
    • Used margin-top: auto for footer
  2. Reduced unnecessary top spacing:

    • Adjusted margins and padding in .main-layout and .hero
  3. Improved mobile responsiveness:

    • Standardized breakpoint to 700px
    • Reduced font sizes for headings, inputs, and buttons
    • Converted input layout to column for smaller screens
  4. Fixed spacing issues in Recent section:

    • Reduced gap between .recent-header and .scroll-container
  5. Improved UI alignment:

    • Adjusted button sizes and layout for better mobile visibility

Type of change

  • Sticky footer implemented using flexbox
  • Reduced excessive white space
  • Improved mobile layout (font sizes, input width, buttons)
  • Fixed spacing in "Recently Shortened" section
  • Standardized responsive breakpoints

##screenshots
WhatsApp Image 2026-03-19 at 6 48 06 PM
Screenshot (252)

  • 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 not work as expected)
  • This change requires a documentation update

How Has This Been Tested?

Please describe the tests that you ran to verify your changes. Provide instructions so we can reproduce. Please also list any relevant details for your test configuration

  • Test A
  • Test B

Test Configuration:

  • Browser:
  • Device:
  • Toolchain:

Checklist

  • My code follows the style guidelines of this project
  • I have performed a self-review of my own code
  • I have commented my code, particularly in hard-to-understand areas
  • I have made corresponding changes to the documentation
  • My changes generate no new warnings
  • I have added tests that prove my fix is effective or that my feature works
  • New and existing unit tests pass locally with my changes
  • Any dependent changes have been merged and published in downstream modules
  • I have checked my code and corrected any misspellings

@Ravindrayadav04 Ravindrayadav04 self-assigned this Mar 19, 2026
@recursivezero recursivezero merged commit 78eb9da into main Mar 20, 2026
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.

2 participants