Tabs are wonky in Opera

[Nick Ali]

In Opera (9.10 for Ubuntu, and Opera 8.54 for Mac OS X), the Overview, Code, Bugs, etc tabs do not sit on top of the horizontal red border. Instead they are aligned with the red horizontal border, so it looks like my crudge sketch below:

------------- Overview Code Bugs Blueprints Translations Answer
                  ------------|------|------|-------------|---------------|---------

[Nick Ali (nali)]

Attached is a screenshot

[Katie Moody (katie-choosebrilliant)]

The problem is generated by this setting:
(line 705 of /+icing/screen.css)
#mainarea {position: relative; top: -10px;} /* reduces pillargotchi~tab gap */

Does someone know what the comment is about? It'll help tracing the fix back to a better place.

[Matthew Paul Thomas (mpt)]

I added that line to reduce the gap between the icon+header for the project you're in (e.g. "[rocket icon] Launchpad") and the top of the rounded border. It should bring the <div id="mainarea"> up by 10px as well as everything inside it, but for some reason in Opera the tabs are staying down.

If there is no way to make Opera comply, an acceptable solution would be a hack that hides the "top: -10px;" from Opera.

[Katie Moody (katie-choosebrilliant)]

Bug seems solved in IE6, IE7, FFX2, Opera9

If someone wants to check on a different browser, please let me know here.

Attaching modified CSS (style.css)
-- Just the modified styles, I did not want to make a mess of it, let me know if there's a better way --

[Katie Moody (katie-choosebrilliant)]

See comment
https://bugs.launchpad.net/launchpad/+bug/89607/comments/4

[Nick Ali (nali)]

Yeah, looks good.

[Someone (s4910321931-deactivatedaccount)]

When will the fix be released?

[Matthew Paul Thomas (mpt)]

Fixed in r4131. The fix will be released in the next rollout.