The "Getting started with Drupal" Button looks misaligned, as it is centered while the column is left-aligned. As it is on the very home page, this should be taken care of.
This is how it looks now:

And after I apply this

.front .block-content .front-get-started a {
margin:0 3em 0 0;
}

it looks like this.

This is still not perfect, but better for sure.

Comments

eigentor’s picture

Actually

.front .block-content .front-get-started a {
margin:0 2em 0 0;
}

is better ;)

lisarex’s picture

Status: Active » Needs work
Issue tags: +drupal.org redesign, +drupal.org redesign qa, +drupal.org redesign qa theme
StatusFileSize
new22.83 KB

Also, on Firefox 3.6.x OSX, the text on the button isn't centered vertically; it seems too high within the button area. I'd be interested in seeing screenshots of it in other browsers...

redhatmatt’s picture

The left alignment is clearly easy to do, but I have no direct access.

Look at issue http://drupal.org/node/941660

The many screen shots on the Download button apply for this issue as well.

eigentor’s picture

Title: Align "Getting started with Drupal" Button on Homepage to the right » Align "Getting started with Drupal" Button on Homepage to the left

changing title: should say left instead of right.

Mind Design’s picture

I believe this would be fixed using line-height instead of margins on the text. Of course, I have not seen the html and css, but I guess :)

Amazon’s picture

@pusle please review this page about working on the redesign and request access: http://groups.drupal.org/node/81244

lisarex’s picture

Title: Align "Getting started with Drupal" Button on Homepage to the left » QA: Align "Getting started with Drupal" Button on Homepage to the left [theme]
Priority: Normal » Critical

Let's fix this.

kjay’s picture

Status: Needs work » Needs review
StatusFileSize
new582 bytes

I have just committed the attached patch to repair the line height issue in Firefox. Are we left aligning this button? The prototype http://drupalorgredesign.dev/home has it centred and I personally think it looks balanced in the middle. I'm more than happy to tweak if it is generally preferred that this be left aligned :)

thanks

c4rl’s picture

StatusFileSize
new810 bytes

Attached aligns to left

c4rl’s picture

Status: Needs review » Fixed

Forgot I had commit access

lisarex’s picture

Left alignment is in place, thanks c4rl! I still think the text sits too high within the button (see comment #2) Or is this just me? :)

lisarex’s picture

Tagging for design review

tkeenoy’s picture

The problem isn't the button, it's the rag on the text making the weight of that text feel like it's sitting too far left, thus making the button feel off center. This is a font rendering issue, and it looks fine in all browsers tested using MacOSX (Firefox, Safari, Chrome) and Windows 7 (IE 7-9, Firefox, Chrome).

What browser/OS was that screen shot taken from?

c4rl’s picture

Status: Fixed » Needs review

@lisarex

I agree with your comment #11. I bumped down the text position and committed this. Will check in IE.

gkatsanos’s picture

Guys,

Regarding button alignment: I understand the need for consistency, but I think the purpose of the prototypes' alignment was obviously to point out that this is a button. It got deliberately "out of the flow" or "out of the grid" in order to make it more attractive.
I think it should be back to the center.
WDYT?

yoroy’s picture

Priority: Critical » Major
Status: Needs review » Needs work

Agreed with #15 and the original design; the button is not textual content that should be left-aligned but a call to action that wants to stand out. It really should be centered: https://infrastructure.drupal.org/drupal.org-style-guide/prototype/homep...

Similar things should behave consistently, different kinds of objects can (should) behave differently.

Lets be consistent with the original design here and roll this back. I do agree the text could be put a bit lower on the button but that's far less important than the button alignment.

yoroy’s picture

Title: QA: Align "Getting started with Drupal" Button on Homepage to the left [theme] » QA: Center-align "Getting started with Drupal" Button on Homepage [theme]

retitle

c4rl’s picture

Status: Needs work » Needs review

Moved text down a bit and put button back in center to match design. Tweaked sprite to account for larger horizontal padding on button.

yoroy’s picture

Thank you.

gkatsanos’s picture

Thank you.

c4rl’s picture

Status: Needs review » Fixed

Marking as fixed per review from @yoroy and @gkatsanos

yoroy’s picture

Status: Fixed » Needs review

Are changes directly rolled out to beta.d.o? I'm not seeing the actual centered button there just yet (yes, I cleared the browser cache etc. :-)

lisarex’s picture

Not automatically. On redesign.d.o. it's scheduled every 5 mins, beta is a manual process, for the moment.

c4rl’s picture

@yoroy I am able to now see the change. Will you confirm?

CSS is aggregated on beta.drupal.org -- I just talked to @drumm and a code update with cache clear is now scheduled every 10 minutes on beta.drupal.org so that CSS changes come through.

c4rl’s picture

Yes, in accordance with @lisarex's comment, I've been using redesign.drupal.org rather than beta.drupal.org to see CSS updates since CSS aggregation is turned off and code update occurs more often.

r.d.o was down all morning, but it appears to be working again.

yoroy’s picture

Status: Needs review » Fixed

Yep, seeing it now. thanks again!

gkatsanos’s picture

Perfect !

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