Adds ellipsing to checkboxes on every Tainacan Form.

src/admin/components/other/checkbox-filter-modal.vue

@@ -538,6 +538,7 @@
     }
 
     .tainacan-li-checkbox-modal {
+        display: flex;
         &:hover {
             background-color: $blue1;
         }

src/admin/scss/_tainacan-form.scss

@@ -61,7 +61,8 @@
     .radio, .checkbox {
         margin-bottom: 5px;
         align-items: center;
-
+        width: 100%;
+        
         &.is-danger {
             border-color: $danger;
         }   
@@ -70,6 +71,9 @@
         color: $tainacan-input-color;
         padding-left: 0.8em;
         font-size: 12px;
+        text-overflow: ellipsis;
+        overflow-x: hidden;
+        white-space: nowrap;
     }
     .select {
         

src/classes/filter-types/custom-interval/CustomInterval.vue

@@ -9,7 +9,7 @@
                     @focus="isTouched = true"
                     @input="validate_values()"
                     icon="calendar-today"/>
-            <p class="is-size-7 has-text-centered">{{ $i18n.get('label_until') }}</p>
+            <p class="is-size-7 has-text-centered is-marginless">{{ $i18n.get('label_until') }}</p>
             <b-datepicker
                     :placeholder="$i18n.get('label_selectbox_init')"
                     v-model="date_end"