dmnthia
commented
8 years ago I'll look into it, I agree the layout needs improvement.
Open RantingLemming opened 8 years ago
dmnthia
commented
8 years ago I'll look into it, I agree the layout needs improvement.
On each page, the first row columns use the following:
I'd like to suggest changing the "x_length" and "x_filter" to class="col-sm-3".
Issue Essentially, the column for the Search filter is not wide enough for it's content in smaller resolutions (work monitor/laptop). The pagination column is covering part or all of the Search filter.
On my work monitor, even full screen, the pagination column is blocking half of the Search's input element. Also, I frequently have my browser docked left/right on my monitor, thus using 50% width. This results in the pagination column covering the filter column entirely. I generally get around this by changing my length from 25 to 100 then tabbing over and typing in my filter. This trims the pagination element from 10+ nodes to 1, allowing me to at least see the Search filter, but I still have to tab into it if I want to change my filter as the pagination's column width is still overlaying.
I'm not too familiar with bootstrap css, so no clue if my suggestion would cause issues in other browsers or devices (no issues using it on my phone). Perhaps additional responsive css rules would be better.