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:
ScreenHunter_40 Jan. 29.jpg

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%;
}
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

geerlingguy’s picture

Assigned: Unassigned » geerlingguy

Going to create a patch at a Drupal meetup tonight (hopefully!).

geerlingguy’s picture

Status: Active » Needs review
FileSize
278 bytes

I 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%.

fietserwin’s picture

That 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).

  • gisle committed 49e2bbd on 7.x-1.x authored by geerlingguy
    Issue #1901746 by fietserwin, geerlingguy: Allowed more space for the up...
gisle’s picture

Issue summary: View changes
Status: Needs review » Reviewed & tested by the community
gisle’s picture

Version: 7.x-1.x-dev » 7.x-1.2
Status: Reviewed & tested by the community » Fixed

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.