teloscan
teloscan copied to clipboard
Display Issue on Verified Contract display
[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