将搜索结果列表项更改为看起来像2列表

Question

我想更改MediaWiki search result snippet 看起来像两列表。左列是标题，右列是代码段。

我尝试了一些CSS更改，摆脱了不需要的元数据位（大小/日期），但是在调整页面大小时，右侧“列”中的某些文本移到了左侧。

.mw-search-results li {
    columns: 2;
    border-bottom: 1px dotted #555;
    padding: 5px 0;
}

.mw-search-result-data {
    display: none;
}

.mw-search-results {
    /* max-width: 38em; */
}

上面，仅引用了我编辑的CSS部分。

例如，这就是我想要在不同屏幕尺寸下维护的内容：

但是当它变小时，这就是我现在得到的一些屏幕尺寸/缩放比例的变化：