Верстка страницы отображается без пробелов

Всем привет!

Взгляните пожалуйста на верстку страницы http://vtasks[dot]my-demo-apps[dot]tk
Далее клик на элементе меню “events”

Я делаю с помощью списков (vue/cli 4 / Bootstrap 4.3 /flexbox) данные в 2 колонки и
проблема в том в тексте пробелы между лейблом и данными не отображаются: https://prnt[dot]sc/q89s1i
Верстка :

Если у вас есть классы row_content_left_aligned и column_content_left_aligned, и вы хотите изменить стиль для выравнивания элементов без полного нарушения верстки, то вам необязательно удалять display: flex. Вместо этого вы можете переопределить стили для нужных элементов с помощью дополнительных CSS-правил.

Вот как это можно сделать:

Сначала, убедитесь, что у вас есть базовый контейнер с классом row_content_left_aligned, который использует display: flex для выравнивания дочерних элементов по горизонтали.
css
Copy code
.row_content_left_aligned {
display: flex;
justify-content: flex-start; /* Это выравнивание по горизонтали слева */
align-items: center; /* Это выравнивание по вертикали по центру, можно заменить на flex-start или flex-end, чтобы выровнять по верхнему или нижнему краю */
}
Затем, у вас, вероятно, есть элементы с классом column_content_left_aligned, которые находятся внутри контейнера с классом row_content_left_aligned и используют flex-direction: column, чтобы располагаться вертикально.
css
Copy code
.column_content_left_aligned {
display: flex;
flex-direction: column;
justify-content: flex-start; /* Выравнивание по вертикали, начиная с верхнего края */
align-items: flex-start; /* Выравнивание по горизонтали, начиная с левого края */
}
Таким образом, вы сохраняете применение display: flex и задаете специфичные выравнивания для элементов внутри контейнеров.

Важно помнить, что CSS-правила применяются в соответствии с приоритетами селекторов. Убедитесь, что вашим новым CSS-правилам устанавливается одинаковый или более высокий приоритет, чем стили, которые вы хотите переопределить. Если вы хотите, чтобы новые стили имели больший приоритет, используйте более специфичные селекторы или добавьте !important после значений свойств (хотя !important следует использовать осторожно, чтобы не создавать проблем с поддерживаемостью кода).