Решено Помогите пожалуйста, меню быстрого доступа

[bingo-maen]

Сейчас у меня такое меню:

Как сделать такое? (имею виду отступы между кнопками)

 

[Skaiman]

margin: 10px auto;

 

[Timofey228]

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

Ну и на будущее, советую изучить хотя-бы основы css, чтобы не задавать бессмысленные вопросы.

 

[bingo-maen]

margin: 10px auto;

Вот что получилось, как убрать отступы сверху и снизу?
:

 

[Skaiman]

<xf:css>
    .block.quick-access-menu .button.button--link {
        display: block;
        min-width: 230px;
        max-width: 330px;
        margin: 10px auto;
    }
    .block.quick-access-menu .block-row :first-child {
        margin-top: 5px;
    }
    .block.quick-access-menu .block-row :last-child {
        margin-bottom: 5px;
    }       
</xf:css>

<div class="block quick-access-menu"{{ widget_data($widget) }}>
    <div class="block-container">
        <h3 class="block-minorHeader"><xf:fa icon="fa-list-alt" /> Меню быстрого доступа</h3>
        <div class="block-body block-row">
            <a class="button button--link" href="#">Раздел жалоб</a>
            <a class="button button--link" href="#">Правила проекта</a>
            <a class="button button--link" href="#">Информационный раздел</a>
            <a class="button button--link" href="#">Проблемы с донатом</a>
        </div>
    </div>
</div>

 

[bingo-maen]

<xf:css>
    .block.quick-access-menu .button.button--link {
        display: block;
        min-width: 230px;
        max-width: 330px;
        margin: 10px auto;
    }
    .block.quick-access-menu .block-row :first-child {
        margin-top: 5px;
    }
    .block.quick-access-menu .block-row :last-child {
        margin-bottom: 5px;
    }      
</xf:css>

<div class="block quick-access-menu"{{ widget_data($widget) }}>
    <div class="block-container">
        <h3 class="block-minorHeader"><xf:fa icon="fa-list-alt" /> Меню быстрого доступа</h3>
        <div class="block-body block-row">
            <a class="button button--link" href="#">Раздел жалоб</a>
            <a class="button button--link" href="#">Правила проекта</a>
            <a class="button button--link" href="#">Информационный раздел</a>
            <a class="button button--link" href="#">Проблемы с донатом</a>
        </div>
    </div>
</div>

Спасибо!

 

[bingo-maen]

/close