Uses fixed footer in collection form as in Taxonomy form.

src/views/admin/components/edition/collection-edition-form.vue

@@ -636,7 +636,7 @@
             </div>
 
             <!-- Form submit -------------------------------- --> 
-            <div class="field is-grouped form-submit">
+            <footer class="footer field is-grouped form-submit">
                 <div class="control">
                     <button
                             id="button-cancel-collection-creation"
@@ -667,8 +667,7 @@
                             @click.prevent="onSubmit('items')"
                             class="button is-success">{{ $i18n.get('finish') }}</button>
                 </div>
-            </div>
-            <br> 
+            </footer>
         </form>
 
         <div v-if="!isLoading && ((isNewCollection && !$userCaps.hasCapability('tnc_rep_edit_collections')) || (!isNewCollection && collection && collection.current_user_can_edit != undefined && collection.current_user_can_edit == false))">
@@ -1492,6 +1491,66 @@ export default {
         }
     }
 
+    .tainacan-form {
+        padding-bottom: 48px;
+    }
+
+    .footer {
+        padding: 14px var(--tainacan-one-column);
+        position: fixed;
+        bottom: 0;
+        right: 0;
+        z-index: 9999;
+        background-color: var(--tainacan-gray1);
+        width: calc(100% - var(--tainacan-sidebar-width, 3.25em));
+        height: 60px;
+        display: flex;
+        justify-content: flex-end;
+        align-items: center;
+        transition: bottom 0.5s ease, width 0.2s linear;
+
+        .footer-message {
+            display: flex;
+            align-items: center;
+        }
+
+        .update-info-section {
+            color: var(--tainacan-info-color);
+            margin-right: auto;
+            display: flex;
+            flex-wrap: nowrap;
+        }
+
+        .help {
+            display: inline-flex;
+            font-size: 1.0em;
+            margin-top: 0;
+            margin-left: 24px;
+
+            .tainacan-help-tooltip-trigger {
+                margin-left: 0.25em;
+            }
+        }
+
+        .link-button {
+            background-color: transparent;
+            border: none;
+        }
+
+        @media screen and (max-width: 769px) {
+            padding: 13px 0.5em;
+            width: 100%;
+            flex-wrap: wrap;
+            height: auto;
+            position: fixed;
+
+            .update-info-section {
+                margin-left: auto;margin-bottom: 0.75em;
+                margin-top: -0.25em;
+            }
+        }
+    }
+
 </style>
 
 

src/views/admin/components/edition/taxonomy-edition-form.vue

@@ -560,7 +560,7 @@
         align-items: center;
     }
     .tainacan-form>.columns {
-        margin-bottom: var(--tainacan-container-padding);
+        margin-bottom: 48px;
     }
     .tainacan-form .column:last-of-type {
         padding-left: var(--tainacan-one-column) !important;

src/views/admin/components/lists/terms-list-hierarchical.vue

@@ -923,6 +923,7 @@ export default {
             .add-link {
                 font-weight: normal;
                 margin: 0 0 auto 0;
+                white-space: nowrap;
                 font-size: 0.9375em;
                 overflow: initial;