Вопрос по виджету Game Server Listing

[Сергеевич]

Добрый день! После полутора часа мучений получилось сделать для себя виджет. Подскажите,как правильно изменить код,чтобы виджет нормально отображался и на телефоне?

Виджет

Вид на пк
Посмотреть вложение 121234
Вид на телефоне
Посмотреть вложение 121235

less

[data-widget-definition="tl_GameServers_server"] {
.button--link {
float: right;
margin: -3% 0px 0px 4px;
}
.serverList-item--stats {
margin: -4.5% 0px 0px 500px;
}
.listInline--bullet {
text-indent: 1.5em;
}
.serverList-item--meta {
margin: -4% 0px 20px 315px;
}
}

tgs_game_servers_widget

<xf:if is="$servers is not empty">
    <div class="block"{{ widget_data($widget) }}>
        <div class="block-container">
            <h3 class="block-minorHeader">
                <a href="{$link}" rel="nofollow"></a>
            </h3>

            <ul class="block-body">
                <xf:foreach loop="$servers" value="$server">
                    <li class="block-row">
                        <xf:macro name="server_row" arg-server="{$server}"/>
                    </li>
                </xf:foreach>
            </ul>
        </div>
    </div>
</xf:if>

<xf:macro name="server_row" arg-server="!">
    <div class="contentRow">
        <div class="contentRow-figure">
                <img src="https://playcs16.ru/forum/styles/games/cs16.png" width="16" height="16" />
        </div>
        <div class="contentRow-main contentRow-main--close">
         <b>{$server.server_name}</b>

            <div class="contentRow-minor contentRow-minor--hideLinks">
                <ul class="listInline listInline--bullet">
                    <li>Карта: {$server.getServerMap()}</li>
                </ul>
            </div>
          
            <p class="u-muted serverList-item--meta">{$server.getServerHost()}</p>
            <div class="serverList-item--stats">
                    <span class="serverList-item--playerTotal active"
                          title="{{ phrase('tgs_game_servers_current_active_players') }}"
                          data-xf-init="tooltip">{$server.current_active_players}</span>
                    <span class="serverList-item--sep">/</span>
                    <span class="serverList-item--playerTotal max"
                          title="{{ phrase('tgs_game_servers_maximum_active_players') }}"
                          data-xf-init="tooltip">{$server.max_active_players}</span>
                </div>
            <xf:if is="$server.join_link">
                <div class="contentRow-minor contentRow-minor--hideLinks">
                    <a href="{$server.join_link}" class="button--link button"
                       target="_blank">{{ phrase('tl_game_servers.join') }}</a>
                </div>
            </xf:if>
            <a href="{{ link('servers', $server) }}"><button type="button" class="button--link button">Список игроков онлайн</button></a>
        </div>
    </div>
</xf:macro>

 

[Len]

Вопросы по поводу плагинов задаются только в тему плагина. Исходя из вашего сообщения вы уже создали этот вопрос а сейчас просто продублировали его в отдельную тему.

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

Флуд отдельными темами с дублированием вопроса из темы плагина не ускорит процесс. Возможно кто-то уже пытается решить Вашу задачу а возможно никто не знает как это сделать. Хотите ускорить работу заказывайте доработку в Ищу исполнителя а не флудите темами просто скопировав свой вопрос из темы плагина, при том, что в правилах есть пункт с запретом публикации отдельных тем с вопросами по плагинам, если они опубликованы тут.

 

[Сергеевич]

Len, Правила созданы для того,чтобы их нарушать ;)

 

[Len]

Правила созданы для того,чтобы их нарушать ;)

Баны созданы для того, чтобы их выдавать :c

 

[Сергеевич]

Len, Увы и ах.