Reduce clickable areas at the bottom

[motomac]

At the bottom of every topic, blog post e.t.c there are two links with left and right arrows. These links are very useful, but their clickable areas extend on whole width of the page. So the empty area at the center is clickable to, which may confuse users and cause unintentional clicks.

Please, make these clickable areas smaller:

[motomac]

@Lindy any chances to fix this in 4.2?

[Colonel_mortis]

To your custom.css file, add

.ipsPager .ipsPager_next a, 
.ipsPager .ipsPager_prev a { 
  display: inline-block; 
} 

 

[motomac]

Thank you, @Colonel_mortis! Hope IPS guys will add this fix.

[motomac]

These changes add another CSS problem with long topic titles:

[Colonel_mortis]

3 hours ago, motomac said:

These changes add another CSS problem with long topic titles:

You can fix that by also adding

max-width: 100%

inside the braces in the bit you added before, so it becomes

.ipsPager .ipsPager_next a, 
.ipsPager .ipsPager_prev a { 
  display: inline-block; 
  max-width: 100%;
}