[UI] Topics: Message tab "Oldest first" button overlaps the "Submit" button on pages narrower than 1100px #2907
Description
Describe the bug
Set up
Steps to Reproduce
Steps to reproduce the behavior:
- Open any topic
- Switch to Messages tab and play with the browser window width
Actual behavior
- Message sorting drop-down list ("Oldest first", "Newest first" or "Live mode" overlays the controls to the left. And since it has transparent layout, looks very strange
- Also the drop-down list values are not fully sown on the screen
- Horizontal scroll is not available
Expected behavior
Messages sorting drop-down list can be shown lower, where Search and "Add filters" button is located.
Screenshots
Additional context
There are related tasks:
[UI] Timestamp value overlaps with dropdown field icon within Topic/Messages #2858
Improve the Responsive view for Messages/Topic page #2303