Bug in GUI: Text and feature icons overlap when displaying long option texts

[laura-tte]

Description / Beschreibung

In the user interface, the feature icons (e.g., reuse answer, erase input, ...) overlap with the text input field when a long option description is displayed. This results in a visually cluttered layout and potentially reduces the usability of the icons.

Expected behaviour / Erwartetes Verhalten

Long texts should wrap properly or be displayed with sufficient spacing so that no overlap occurs and all interactive elements remain clearly visible and accessible.

Steps to reproduce / Schritte zum Reproduzieren

This issue occurs in a customized RDMO catalog used within our instance. You can reproduce it by creating an example option with a long description.

Context / Kontext

Windows 10, RDMO 2.3.2, Google Chrome

[jochenklar]

Hi @laura-tte , thanks for reporting, what you can do right now is addding:

.interview-input .radio:first-child label {
.interview-input .checkbox:first-child label {
     padding-right: 100px;
}

to you local css. We will add a fix in the next RDMO version.

[laura-tte]

Thanks @jochenklar !

I tested the solution and noticed a missing } after the .interview-input .radio:first-child label selector which was breaking the CSS block. I resolved it locally by adding the following to my css:

.interview-input .radio:first-child label, 
.interview-input .checkbox:first-child label {
    padding-right:100px;
}

[jochenklar]

Oh, right, sorry.

[jochenklar]

This will be solved in RDMO 2.4.0. There remains a small visual, when the line wraps just before the additional input, but this has to wait to RDMO 3.0.0 (when we use flex for everything).