✓[Stylish/userChrome.css] Abstände der Buttons verkleinern

Hi Leute,

mich nervt seit Fx 29 der riesige Abstand der einzelnen Buttons in der nav-bar zueinander. Ich habe mir jetzt aus diesem Style den folgenden Schnipsel zurechtgezimmert:

#nav-bar toolbarbutton {
    margin: 0 -5px 0 -5px !important; 
    padding: 0 -5px 0 -5px !important;
}

Sieht so aus: [attachment=0]1.png[/attachment]

Für die nav-bar ist das ok so. Allerdings macht er das damit auch für die Buttons, die ich mittels des userchome.js-Scriptes AddToolbarInsideLocationBar.uc.js in der Urlbar anzeigen lasse. Ich nehme an, weil die Buttons dabei ja links der Urlbar in der navbar und dort in der UCJS-Toolbar "gesammelt" werden, bevor sie letztendlich in der Urlbar angezeigt werden. Und da die Abstände dieser Buttons (warum auch immer) viel kleiner sind, sehen sie dann so wie oben links im Bild aus.

Wie kann ich diese UCJS-Toolbar nun im obigen Schnipsel als Ausnahme setzen?
Oder vielleicht weiß jemand generell nen besseren Code (ohne das jetzt für jeden Button einzeln zu machen).

Gruß,
Mic

Auch ne Möglichkeit. Danke, passt. :klasse:

Aha, bei mir hat das aber definitiv eine Auswirkung, wenn ich die Werte nur bei padding von z.B. -8 auf 0 setze. Bei -8 ist der Abstand aber größer, so wie es aussieht. Merkwürdig, aber diesen Padding/margin-Krams hab noch nie wirklich verstanden.

EDIT: OK, sollte wohl doch ein Hinweis sein, dass Minuswerte nicht gehen. Vielleicht ignoriert er immer das Minus und rechnet da einfach alles als +?
EDIT²: Ne, passt auch irgendwie nicht. Bin wieder mal soweit, dass ich nicht checke, was er da überhaupt macht. Ich lass es vorerst mit meinen Minuswerten, das passt am besten so.

Zitat von 2002Andreas

vorher bei mehr als 0

nein, er stand bei -8 wie oben geschrieben. Als irgendwas werden Minuswerte anscheinend erkannt, als was auch immer. Einer der Gründe, warum ich das noch nie gerafft hab.

Ok, ich habe jetzt die negativen padding-Werte auf 0 gesetzt, und dann margin so verändert, dass es wieder passt. Bin so zufrieden damit.

#nav-bar toolbarbutton {
    margin: 0 -4px 0 -4px !important; 
    padding: 0 0px 0 0px !important;
}


/* Ausnahme ucjs-Locationbar-toolbar */
#ucjs-Locationbar-toolbar toolbarbutton {
    margin: 0 -1px 0 -1px !important;
}

[attachment=0]1.png[/attachment]