Increases size of checkboxes on mobile devices.

src/views/admin/components/filter-types/tainacan-filter-item.vue

@@ -197,6 +197,15 @@
             font-weight: normal;
             font-size: 1em !important;
             margin-right: 2px;
+
+            @media screen and (max-width: 768px) {
+                font-size: 1.125em !important;
+
+                .control-label {
+                    padding-top: 0.55em;
+                    padding-bottom: 0.55em;
+                }
+            }
         }
 
         .datepicker {

src/views/admin/components/other/checkbox-radio-filter-input.vue

@@ -901,6 +901,13 @@
             margin-bottom: 0px !important;
         }
 
+        @media screen and (max-width: 768px) {
+            .control-label {
+                padding-top: 0.45em;
+                padding-bottom: 0.45em;
+            }
+        }
+
         &:hover {
             background-color: var(--tainacan-gray1);
         }
@@ -1223,6 +1230,7 @@
         }
 
         .tainacan-modal-checkbox-search-results-body,
+        .tainacan-checkbox-list-container,
         .tainacan-finder-columns-container {
             font-size: 1.125em;
         }

src/views/admin/components/other/checkbox-radio-metadata-input.vue

@@ -856,6 +856,13 @@
                 overflow: visible;
             }
 
+            @media screen and (max-width: 768px) {
+                .control-label {
+                    padding-top: 0.55em;
+                    padding-bottom: 0.55em;
+                }
+            }
+
             &.is-disabled {
                 cursor: not-allowed;
                 opacity: 0.5;