AJAX FULL-STORY как адаптировать вывод через спойлер?

Модуль AJAX FULL-STORY выводит полную новость в модальном окне.

Сделал вывод через спойлер:
JS:

$(document).on('click', '[data-afs-id]', function () {
    var $this = $(this),
        $data = $this.data();

    $.ajax({
            url: dle_root + 'engine/ajax/full-story.php',
            type: 'GET',
            dataType: 'html',
            data: {
                newsId: $data.afsId, // Обязательная переменная
                preset: ($data.afsPreset) ? $data.afsPreset : '', // Название файла с настройками (необязательно)
                template: ($data.afsTemplate) ? $data.afsTemplate : '', // Название файла с шаблоном (необязательно)
            },
        })
        .done(function (data) {
            var $html = $(data);
            $('#full_id_'+ $data.afsId).html($html);
        })
       
        .fail(function () {
            console.log("full-story error");
        });
});

В шаблон:

<div class="title_spoiler">
<a data-afs-id="{news-id}" href="javascript:ShowOrHide('full_id_{news-id}')">Подробнее</a>
</div>
<div id="full_id_{news-id}" style="display: none;">0</div>

Так работает вывод через спойлер, но выводится текст по ширине короткой новости, подскажите пожалуйста как возможно реализовать вывод текста новости как на картинке красным прямоугольником?