Button mit eigener class positionieren

[JensMe]

Mit v0.10 RC2 lässt sich jetzt ja auch einem switch eine eigene class mitgeben. Damit konnte ich schon die Grösse des Buttons anpassen - die Freude ist gross
Jetzt will ich den (nach rechts) vergrösserten Button etwas nach links verschieben, damit er wieder mittig wohnt.

Das will mir aber nicht gelingen - so sieht mein custom.css aktuell aus. Ich muss zugeben, dass die Grössenänderung ein Glückstreffer war, da ich von css nicht wirklich Ahnung habe...

/* Buttons Groesse anpassen */
.switchUnpressed div, .switchPressed div
{
    min-width: 40px;
}
.custom_SonosOnOffButton .switchUnpressed div, .custom_SonosOnOffButton .switchPressed div
{
    min-width: 120px;
}

/* Buttons Position anpassen */
.widget.center.toggle > .actor:first-child, 
.widget.center.switch > .actor:first-child,
.widget.center.trigger > .actor:first-child,
.widget.center.diagram_info > .actor:first-child { 
    position: absolute; left: 50%; margin-left: -1.4em; /*jm: jetzt sind die Buttons besser, Nebenwirkungen moeglich*/
}
.custom_SonosOnOffButton .widget.center.switch > .actor:first-child,
.custom_SonosOnOffButton .widget.center.trigger > .actor:first-child
{
     margin-left: -3em;
}

Jemand eine Tipp?


Danke und Grüsse, Jens

[peuter]

Ohne das jetzt im Detail getestet zu haben, würde ich das mal so versuchen:

.custom_SonosOnOffButton.widget.center.switch > .actor:first-child,
.custom_SonosOnOffButton.widget.center.trigger > .actor:first-child
{
     margin-left: -3em;
}

(Ich hab nur die Leerstelle zwischen '.custom_SonosOnOffButton' und '.widget.center.switch/trigger' entfernt)

[JensMe]

Das wars Jetzt wird die Eigenschaft im Inspektor auch angezeigt