Reply To: Modifying size of and distance between multiple choice buttons on a scale

[Eva]

Hi Jeremy,

Sorry for bothering you again.

I’ve managed to modify the distance between the buttons but am still struggling with adjusting their size. The problem is essentially that the clickable area is too small. I’ve currently formatted the scale as follows:

newScale("rating","1", "2", "3", "4", "5")
        .button()
        .before( newText("left", "Völlig ungrammatisch") )
        .after( newText("right", "Völlig grammatisch") )
        .log()
        .center()
        .labelsPosition("bottom")
        .print()
        .wait()

I’ve then added a CSS element as follows:

.PennController-Scale .option {
   margin: 0em 1em; 
   font-size: 24px;
}

Increasing the font size of the numbers on the scale helps a little bit, but it’s still an issue that you need to navigate the cursor very precisely to be able to hit the button, which makes the scale hard to use. (Having two different font sizes also looks a little bit awkward.) Is there any way to increase the clickable area of the scale?

Thanks!

Eva