The up text gets very few space. This may not be a problem in English, where it just has to accommodate 2 characters (up), but in other languages it may be a problem:
So I Propose to give it more space by lowering the margin. By, at the same time, centering the text, we ensure that the text is positioned as before and that there is always as much space as possible between the 3 texts on the "help-navigation" line. Moreover, the clickable area is enlarged, so you don't have to be exactly on the "up" text with your mouse or finger (touch interface) which is advantageous to English speaking users.
Proposed change:
.help-up {
display: block;
float: left;
margin: 0 2%;
text-align: center;
width: 10%;
}
Comment | File | Size | Author |
---|---|---|---|
#2 | 1901746-2-help-css-up.patch | 278 bytes | geerlingguy |
ScreenHunter_40 Jan. 29.jpg | 6.88 KB | fietserwin |
Comments
Comment #1
geerlingguy CreditAttribution: geerlingguy commentedGoing to create a patch at a Drupal meetup tonight (hopefully!).
Comment #2
geerlingguy CreditAttribution: geerlingguy commentedI took fietserwin's suggestion and made a patch, looks reasonable to me. Testing this on SimplyTest.me revealed that there's even more room if need be, so you could make the width maybe 15 or 20%.
Comment #3
fietserwinThat will reduce the space for the left and right text, which can be long texts. But the margin could be further reduced to 0.5% or even removed completely to end up at 14% width. And there are still 2% unused (42 + 14 + 42), so that could be used as well (not all of it though as browsers may start wrapping due to rounding problems).
Comment #5
gisleComment #6
gisle