teloscan icon indicating copy to clipboard operation
teloscan copied to clipboard

Display Issue on Verified Contract display

Open pmjanus opened this issue 10 months ago • 0 comments

[Bug] Fix Overlapping Text in Optimization Results Display (Verified Contract)

🐛 Description The optimization results display shows overlapping text in both desktop and mobile views, specifically in the "Optimization Enabled: false with 200 runs" line, affecting readability across different screen sizes.

📱 Affected Views

  • Desktop view: Text overlapping in results display
  • Mobile view: Similar overlapping issues observed
  • Issue appears consistently across different screen sizes

🔍 Current Behavior

  • Text elements are overlapping each other
  • "Optimization Enabled: false with 200 runs" line is particularly affected
  • Poor readability in both desktop and mobile layouts

Expected Behavior

  • Clear, readable text display without overlapping
  • Proper text wrapping on smaller screens
  • Consistent spacing between elements
  • Maintains readability across all viewport sizes

📋 Tasks

  • [ ] Investigate CSS layout issues causing text overlap
  • [ ] Implement responsive text wrapping
  • [ ] Add proper spacing between text elements
  • [ ] Update container width handling for mobile views
  • [ ] Test across multiple screen sizes
  • [ ] Verify fix in both desktop and mobile views

🔗 References

  • Related UI components in the optimization results section
  • Attached screenshots showing the issue

📸 Screenshots Desktop View Mobile View 1 Mobile View 2

pmjanus avatar Feb 17 '25 17:02 pmjanus