On mobile devices, the macros display is not rendering correctly. The macros values and their labels/text are overlapping, making the content difficult to read.
Details:
Issue occurs only on mobile screen sizes.
Macros section layout breaks and text overlaps.
Desktop view displays correctly.
Overlapping happens consistently on different mobile devices/browsers.
Expected Behavior:
Macros should be displayed clearly with proper spacing and no overlapping on mobile screens.
Actual Behavior:
Macros and some text overlap in the mobile view.
Steps to Reproduce:
Open the application on a mobile device or using mobile view in browser dev tools.
Navigate to the page where macros are displayed.
Observe the overlapping text in the macros section.
On mobile devices, the macros display is not rendering correctly. The macros values and their labels/text are overlapping, making the content difficult to read.
Details:
Issue occurs only on mobile screen sizes.
Macros section layout breaks and text overlaps.
Desktop view displays correctly.
Overlapping happens consistently on different mobile devices/browsers.
Expected Behavior:
Macros should be displayed clearly with proper spacing and no overlapping on mobile screens.
Actual Behavior:
Macros and some text overlap in the mobile view.
Steps to Reproduce:
Open the application on a mobile device or using mobile view in browser dev tools.
Navigate to the page where macros are displayed.
Observe the overlapping text in the macros section.