Learn head: responsive row/col (title full width, 3 equal buttons below on mobile)

web/src/main/resources/templates/admin/group.html

@@ -16,8 +16,6 @@
             </p>
         </div>
         <div class="actions">
-            <a class="btn btn-secondary" th:href="@{/admin/groups/{id}/submissions.zip(id=${group.id})}"
-               title="ZIP со всеми последними решениями группы по всем лабораторным">Скачать работы</a>
             <a class="btn btn-secondary" th:href="@{/admin/groups/{id}/credentials(id=${group.id}, format='xlsx')}">Скачать пароли</a>
             <button class="btn" type="button" data-modal="modal-add-student">+ Студент</button>
         </div>
@@ -46,7 +44,7 @@
                             <a th:href="@{/admin/labs/{id}(id=${lab.id})}" th:text="|ЛР ${lab.number}|">ЛР</a>
                             <span class="lab-col-title" th:text="${lab.title}">—</span>
                             <div class="lab-head-actions">
-                                <button class="mini-btn" type="button"
+                                <button class="btn btn-secondary btn-sm p-2" type="button"
                                         th:attr="data-url=@{/admin/groups/{id}/assign-modal(id=${group.id}, labId=${lab.id})},data-lab-name=|ЛР ${lab.number}|" data-action="assign"
                                         title="Выдача вариантов: уровни, варианты, автокраспределение по группе">
                                     <i class="cell-ico ico bi bi-list" aria-hidden="true"></i>
@@ -57,7 +55,7 @@
                                     <input type="hidden" name="labId" th:value="${lab.id}">
                                     <input class="js-pub-published" type="hidden" name="published"
                                            th:value="${all} ? 'false' : 'true'">
-                                    <button class="mini-btn js-pub-eye" type="submit"
+                                    <button class="btn btn-secondary btn-sm p-2 js-pub-eye" type="submit"
                                             th:attr="data-lab=${lab.id},data-count=${pc},data-total=${pub != null ? pub.total : 0},data-all=${all}"
                                             th:classappend="${all} ? 'is-all' : (${pc > 0} ? 'is-partial' : 'is-empty')"
                                             th:title="${pub == null} ? '' : (${all} ? 'Оценки опубликованы всей группе — нажмите, чтобы скрыть у всех' : (${pc > 0} ? 'Опубликовано ' + ${pc} + ' из ' + ${pub.total} + ' — нажмите, чтобы опубликовать всем' : 'Показать оценки и комментарии всей группе'))">
@@ -66,7 +64,7 @@
                                         <span class="mini-count js-pub-count" th:classappend="(${all} or ${pc == 0}) ? 'is-hidden' : ''" th:text="${pc}"></span>
                                     </button>
                                 </form>
-                                <a class="mini-btn"
+                                <a class="btn btn-secondary btn-sm p-2"
                                    th:href="'/admin/groups/' + ${group.id} + '/submissions.zip?labId=' + ${lab.id}"
                                    th:title="|Скачать решения по ЛР ${lab.number}|">⤓<span class="mini-count" th:text="${labSubmissionCounts[lab.id] ?: 0}">0</span></a>
                             </div>