[BS5] change bootstrap responsive

data/web/templates/mailbox/tab-bcc.twig

@@ -2,7 +2,7 @@
   <div class="card">
     <div class="card-header">
       {{ lang.mailbox.bcc_maps }} <span class="badge bg-info table-lines"></span>
-      <div class="btn-group ms-auto hidden-xs">
+      <div class="btn-group ms-auto d-none d-sm-flex">
         <button class="btn btn-xs btn-success" href="#" data-acl="{{ acl.bcc_maps }}" data-bs-toggle="modal" data-bs-target="#addBCCModalAdmin"><i class="bi bi-plus-lg"></i> {{ lang.mailbox.add_bcc_entry }}</button>
         <button class="btn btn-xs btn-secondary refresh_table" data-draw="draw_bcc_table" data-table="bcc_table">{{ lang.admin.refresh }}</button>
         <button type="button" class="btn btn-xs btn-secondary dropdown-toggle" data-bs-toggle="dropdown">{{ lang.mailbox.table_size }}
@@ -38,7 +38,7 @@
   <div class="card{% if mailcow_cc_role != 'admin' %} hidden{% endif %}">
     <div class="card-header">
       {{ lang.mailbox.recipient_maps }} <span class="badge bg-info table-lines"></span>
-      <div class="btn-group ms-auto hidden-xs">
+      <div class="btn-group ms-auto d-none d-sm-flex">
         <button class="btn btn-xs btn-success" href="#" data-bs-toggle="modal" data-bs-target="#addRecipientMapModalAdmin"><i class="bi bi-plus-lg"></i> {{ lang.mailbox.add_recipient_map_entry }}</button>
         <button class="btn btn-xs btn-secondary refresh_table" data-draw="draw_recipient_map_table" data-table="recipient_map_table">{{ lang.admin.refresh }}</button>
         <button type="button" class="btn btn-xs btn-secondary dropdown-toggle" data-bs-toggle="dropdown">{{ lang.mailbox.table_size }}

data/web/templates/mailbox/tab-domain-aliases.twig

@@ -2,7 +2,7 @@
   <div class="card">
     <div class="card-header">
       {{ lang.mailbox.domain_aliases }} <span class="badge bg-info table-lines"></span>
-      <div class="btn-group ms-auto hidden-xs">
+      <div class="btn-group ms-auto d-none d-sm-flex">
         <button class="btn btn-xs btn-success" href="#" data-acl="{{ acl.alias_domains }}" data-bs-toggle="modal" data-bs-target="#addAliasDomainModal"><i class="bi bi-plus-lg"></i> {{ lang.mailbox.add_domain_alias }}</button>
         <button class="btn btn-xs btn-secondary refresh_table" data-draw="draw_aliasdomain_table" data-table="aliasdomain_table">{{ lang.admin.refresh }}</button>
         <button type="button" class="btn btn-xs btn-secondary dropdown-toggle" data-bs-toggle="dropdown">{{ lang.mailbox.table_size }}

data/web/templates/mailbox/tab-domains.twig

@@ -2,7 +2,7 @@
   <div class="card">
     <div class="card-header">
       {{ lang.mailbox.domains }} <span class="badge bg-info table-lines"></span>
-      <div class="btn-group ms-auto hidden-xs">
+      <div class="btn-group ms-auto d-none d-sm-flex">
         {% if mailcow_cc_role == 'admin' %}
           <button class="btn btn-xs btn-success" href="#" data-bs-toggle="modal" data-bs-target="#addDomainModal"><i class="bi bi-plus-lg"></i> {{ lang.mailbox.add_domain }}</button>
         {% endif %}

data/web/templates/mailbox/tab-filters.twig

@@ -2,7 +2,7 @@
   <div class="card">
     <div class="card-header">
       {{ lang.mailbox.filters }} <span class="badge bg-info table-lines"></span>
-      <div class="btn-group ms-auto hidden-xs">
+      <div class="btn-group ms-auto d-none d-sm-flex">
         <button class="btn btn-xs btn-success" href="#" data-acl="{{ acl.filters }}" data-bs-toggle="modal" data-bs-target="#addFilterModalAdmin"><i class="bi bi-plus-lg"></i> {{ lang.mailbox.add_filter }}</button>
         <button class="btn btn-xs btn-secondary refresh_table" data-draw="draw_filter_table" data-table="filter_table">{{ lang.admin.refresh }}</button>
         <button type="button" class="btn btn-xs btn-secondary dropdown-toggle" data-bs-toggle="dropdown">{{ lang.mailbox.table_size }}</button>

data/web/templates/mailbox/tab-mailboxes.twig

@@ -2,7 +2,7 @@
   <div class="card">
     <div class="card-header">
       {{ lang.mailbox.mailboxes }} <span class="badge bg-info table-lines"></span>
-      <div class="btn-group ms-auto hidden-xs">
+      <div class="btn-group ms-auto d-none d-sm-flex">
         <button class="btn btn-xs btn-success" href="#" data-bs-toggle="modal" data-bs-target="#addMailboxModal"><i class="bi bi-plus-lg"></i> {{ lang.mailbox.add_mailbox }}</button>
         <button class="btn btn-xs btn-secondary refresh_table" data-draw="draw_mailbox_table" data-table="mailbox_table">{{ lang.admin.refresh }}</button>
         <button type="button" class="btn btn-xs btn-secondary dropdown-toggle" data-bs-toggle="dropdown">{{ lang.mailbox.table_size }}</button>
@@ -11,7 +11,7 @@
         </ul>
       </div>
     </div>
-    <div class="mass-actions-mailbox hidden-xs" data-actions-header="true"></div>
+    <div class="mass-actions-mailbox d-none d-sm-flex" data-actions-header="true"></div>
     <div class="table-responsive">
       <table id="mailbox_table" class="table table-striped"></table>
     </div>
@@ -58,7 +58,7 @@
         </ul>
         <a class="btn btn-sm d-block d-sm-inline btn-success" href="#" data-bs-toggle="modal" data-bs-target="#addMailboxModal"><i class="bi bi-plus-lg"></i> {{ lang.mailbox.add_mailbox }}</a>
       </div>
-      <div class="btn-group hidden-xs hidden-sm">
+      <div class="btn-group d-none d-md-flex">
         <a class="btn btn-sm btn-secondary" id="toggle_multi_select_all" data-id="mailbox" href="#"><i class="bi bi-check-all"></i> {{ lang.mailbox.toggle_all }}</a>
         <div class="btn-group">
           <a class="btn btn-sm btn-secondary dropdown-toggle" data-bs-toggle="dropdown" href="#">{{ lang.mailbox.mailbox }}</a>

data/web/templates/mailbox/tab-mbox-aliases.twig

@@ -2,7 +2,7 @@
   <div class="card">
     <div class="card-header">
       {{ lang.mailbox.aliases }} <span class="badge bg-info table-lines"></span>
-      <div class="btn-group ms-auto hidden-xs">
+      <div class="btn-group ms-auto d-none d-sm-flex">
         <button class="btn btn-xs btn-success" href="#" data-bs-toggle="modal" data-bs-target="#addAliasModal"><i class="bi bi-plus-lg"></i> {{ lang.mailbox.add_alias }}</button>
         <button class="btn btn-xs btn-secondary refresh_table" data-draw="draw_alias_table" data-table="alias_table">{{ lang.admin.refresh }}</button>
         <button type="button" class="btn btn-xs btn-secondary dropdown-toggle" data-bs-toggle="dropdown">{{ lang.mailbox.table_size }}</button>

data/web/templates/mailbox/tab-resources.twig

@@ -2,7 +2,7 @@
   <div class="card">
     <div class="card-header">
       {{ lang.mailbox.resources }} <span class="badge bg-info table-lines"></span>
-      <div class="btn-group ms-auto hidden-xs">
+      <div class="btn-group ms-auto d-none d-sm-flex">
         <button class="btn btn-xs btn-success" href="#" data-bs-toggle="modal" data-bs-target="#addResourceModal"><i class="bi bi-plus-lg"></i> {{ lang.mailbox.add_resource }}</button>
         <button class="btn btn-xs btn-secondary refresh_table" data-draw="draw_resource_table" data-table="resource_table">{{ lang.admin.refresh }}</button>
         <button type="button" class="btn btn-xs btn-secondary dropdown-toggle" data-bs-toggle="dropdown">{{ lang.mailbox.table_size }}</button>

data/web/templates/mailbox/tab-syncjobs.twig

@@ -2,7 +2,7 @@
   <div class="card">
     <div class="card-header">
       {{ lang.mailbox.sync_jobs }} <span class="badge bg-info table-lines"></span>
-      <div class="btn-group ms-auto hidden-xs">
+      <div class="btn-group ms-auto d-none d-sm-flex">
         <button data-acl="{{ acl.syncjobs }}" class="btn btn-xs btn-success" href="#" data-bs-toggle="modal" data-bs-target="#addSyncJobModalAdmin"><i class="bi bi-plus-lg"></i> {{ lang.user.create_syncjob }}</button>
         <button class="btn btn-xs btn-secondary refresh_table" data-draw="draw_sync_job_table" data-table="sync_job_table">{{ lang.admin.refresh }}</button>
         <button type="button" class="btn btn-xs btn-secondary dropdown-toggle" data-bs-toggle="dropdown">{{ lang.mailbox.table_size }}</button>

data/web/templates/mailbox/tab-tls-policy.twig

@@ -2,7 +2,7 @@
   <div class="card">
     <div class="card-header">
       {{ lang.mailbox.tls_policy_maps_long }} <span class="badge bg-info table-lines"></span>
-      <div class="btn-group ms-auto hidden-xs">
+      <div class="btn-group ms-auto d-none d-sm-flex">
         <button class="btn btn-xs btn-success" href="#" data-bs-toggle="modal" data-bs-target="#addTLSPolicyMapAdmin"><i class="bi bi-plus-lg"></i> {{ lang.mailbox.add_tls_policy_map }}</button>
         <button class="btn btn-xs btn-secondary refresh_table" data-draw="draw_tls_policy_table" data-table="tls_policy_table">{{ lang.admin.refresh }}</button>
         <button type="button" class="btn btn-xs btn-secondary dropdown-toggle" data-bs-toggle="dropdown">{{ lang.mailbox.table_size }}</button>