Reply To: Question conntroller answering with number keys

[danilchr1]

Hello, thank you for your answer. The solution worked.
Now I have a new issue. While I was doing the testing, some words in the answer in the Question controller (usually longer words) appeared very close to one another and they seemed like one very long word. How can I solve this problem? My Question.css file and my global_z.css file now look like this:

Question.css:

.Question {
    margin-left: 0;
    padding-left: 0;
}
.instructions-text {
    font-style: italic;
    clear: left;
    padding-top: 1em;
    font-size: small;
}
li.normal-answer {
    text-align: left;
    cursor: pointer;
    padding-bottom: 1em;
}
li:hover.normal-answer {
    cursor: pointer;
}
li.scale-box {
    float: left;
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    /*
    margin-right: 1em;
    */
    margin-right: 2em;
    padding-right: 0;
    /*
    border: 1px #9ea4b1 solid;
    */
    border: 1px #9ea4b1 none;
    width: 4em;
    height: 2em;
    padding-top: 0.5em;
    text-align: center;
    font-size: 18pt;
}
.scale-comment-box {
    float: left;
    list-style: none;
    margin-left: 0em;
    padding-left: 0;
    margin-right: 1em;
    padding-right: 0;
    padding-top: 0.5em;
    text-align: center;
    font-style: italic;
}
li.scale-box a {
    text-decoration: none; 
    display: block;
    vertical-align: middle;
}
li.scale-box a:hover {
    text-decoration: none;
    display: block;
    vertical-align: middle;
}
span.fake-link {
    color: blue;
    cursor: pointer;
}
span:hover.fake-link {
    cursor: pointer;
}

xxxxxxxxxxxxxxxxxxxxxxxxxxxx
global_z.css

.PennController-myController.Question-Question ol {
    list-style: none;
    display: flex;
}
.PennController-myController.Question-Question li {
    min-width: 5em;
    pointer-events: none;
    font-size: 18pt;
}

Here is the link which is implemented in a local ibexfarm of the University of Nova Gorica.

https://ibexfarm.ung.si/manage/experiment6_test_final5#highlighted

Danil