diff --git a/src/views/admin/components/metadata-types/compound/child-metadata-list.vue b/src/views/admin/components/metadata-types/compound/child-metadata-list.vue
index 26ce8a56b..04fc21d7d 100644
--- a/src/views/admin/components/metadata-types/compound/child-metadata-list.vue
+++ b/src/views/admin/components/metadata-types/compound/child-metadata-list.vue
@@ -42,6 +42,18 @@
                 <div 
                         :ref="'metadatum-handler-' + metadatum.id"
                         class="handle">
+                    <span 
+                            v-tooltip="{
+                                content: $i18n.get('label_view_metadata_details'),
+                                autoHide: true,
+                                classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : ''],
+                                placement: 'auto-start'
+                            }"
+                            @click="$set(collapses, metadatum.id, !isCollapseOpen(metadatum.id))"
+                            class="gray-icon icon"
+                            style="cursor: pointer">
+                        <i :class="'tainacan-icon tainacan-icon-1-25em tainacan-icon-' + (isCollapseOpen(metadatum.id) ? 'arrowdown' : 'arrowright')" />
+                    </span>
                     <span 
                             :style="{ opacity: !(metadatum.id == undefined || openedMetadatumId != '' || isUpdatingMetadataOrder || metadatum.parent == 0 || metadatum.collection_id != collectionId || metadataNameFilterString != '') ? '1.0' : '0.0' }"
                             v-tooltip="{
@@ -53,24 +65,7 @@
                             class="icon grip-icon">
                         <i class="tainacan-icon tainacan-icon-18px tainacan-icon-drag"/>
                     </span>
-                    <span 
-                            v-tooltip="{
-                                content: (metadatum.collection_id == 'default') || isRepositoryLevel ? $i18n.get('label_repository_metadatum') : $i18n.get('label_collection_metadatum'),
-                                autoHide: true,
-                                classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : ''],
-                                placement: 'auto-start'
-                            }"
-                            class="icon icon-level-identifier">
-                        <i 
-                            :class="{ 
-                                'tainacan-icon-collections': (metadatum.collection_id != 'default' && !isRepositoryLevel), 
-                                'tainacan-icon-repository': (metadatum.collection_id == 'default') || isRepositoryLevel,
-                                'has-text-turquoise5': (metadatum.collection_id != 'default' && !isRepositoryLevel), 
-                                'has-text-blue5': (metadatum.collection_id == 'default' || isRepositoryLevel),
-                                'has-text-gray3': !parent.enabled
-                            }"
-                            class="tainacan-icon" />
-                    </span>  
+                     
                     <span 
                             class="metadatum-name"
                             :class="{'is-danger': formWithErrors == metadatum.id }">
@@ -118,6 +113,24 @@
                                 }">
                             <i class="tainacan-icon tainacan-icon-private"/>
                         </span>
+                        <span 
+                                v-tooltip="{
+                                    content: (metadatum.collection_id == 'default') || isRepositoryLevel ? $i18n.get('label_repository_metadatum') : $i18n.get('label_collection_metadatum'),
+                                    autoHide: true,
+                                    classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : ''],
+                                    placement: 'auto-start'
+                                }"
+                                class="icon icon-level-identifier">
+                            <i 
+                                :class="{ 
+                                    'tainacan-icon-collections': (metadatum.collection_id != 'default' && !isRepositoryLevel), 
+                                    'tainacan-icon-repository': (metadatum.collection_id == 'default') || isRepositoryLevel,
+                                    'has-text-turquoise5': (metadatum.collection_id != 'default' && !isRepositoryLevel), 
+                                    'has-text-blue5': (metadatum.collection_id == 'default' || isRepositoryLevel),
+                                    'has-text-gray3': !parent.enabled
+                                }"
+                                class="tainacan-icon" />
+                        </span>
                     </span>
                     <span 
                             class="loading-spinner" 
@@ -165,6 +178,11 @@
                         </a>
                     </span>
                 </div>
+                <transition name="form-collapse">
+                    <metadatum-details 
+                            v-if="isCollapseOpen(metadatum.id) && openedMetadatumId !== metadatum.id"
+                            :metadatum="metadatum" />
+                </transition>
                 <transition name="form-collapse">
                     <div v-if="openedMetadatumId == metadatum.id">
                         <metadatum-edition-form
@@ -187,17 +205,23 @@
 <script>
     import { mapActions } from 'vuex';
     import MetadatumEditionForm from '../../edition/metadatum-edition-form.vue';
+    import MetadatumDetails from '../../other/metadatum-details.vue';
     import CustomDialog from '../../other/custom-dialog.vue';
 
     export default {
         components: {
-            MetadatumEditionForm 
+            MetadatumEditionForm,
+            MetadatumDetails
         },
         props: {
             isRepositoryLevel: Boolean,
             parent: Object,
             isParentMultiple: Boolean,
-            metadataNameFilterString: String
+            metadataNameFilterString: String,
+            collapseAll: {
+                type: Boolean,
+                default: new Boolean()
+            }
         },
         data() {
             return {
@@ -209,7 +233,8 @@
                 hightlightedMetadatum: '',
                 editForms: {},
                 metadataSearchCancel: undefined,
-                childrenMetadata: []
+                childrenMetadata: [],
+                collapses: {}
             }
         },
         watch: {
@@ -232,6 +257,9 @@
                         this.childrenMetadata = [];
                 }, 
                 immediate: true
+            },
+            collapseAll(isCollapsed) {
+                this.childrenMetadata.forEach((metadatum) => this.$set(this.collapses, metadatum.id, isCollapsed));
             }
         },
         beforeRouteLeave ( to, from, next ) {
@@ -397,6 +425,9 @@
             isAvailableChildMetadata(to, from, item) {
                 return !['tainacan-compound', 'tainacan-taxonomy'].includes(item.id);
             },
+            isCollapseOpen(metadatumId) {
+                return this.collapses[metadatumId] == true;
+            }
         }
     }
 </script>
diff --git a/src/views/admin/components/search/filters-items-list.vue b/src/views/admin/components/search/filters-items-list.vue
index ebff775c1..fed4d6533 100644
--- a/src/views/admin/components/search/filters-items-list.vue
+++ b/src/views/admin/components/search/filters-items-list.vue
@@ -22,11 +22,13 @@
                     isRepositoryLevel) || filters.length > 0)"
                 class="link-style collapse-all"
                 @click="collapseAll = !collapseAll">
-            {{ !collapseAll ? $i18n.get('label_collapse_all') : $i18n.get('label_expand_all') }}
             <span class="icon">
                 <i 
                         :class="{ 'tainacan-icon-arrowdown' : !collapseAll, 'tainacan-icon-arrowright' : collapseAll }"
-                        class="has-text-secondary tainacan-icon tainacan-icon-1-25em"/>
+                        class="has-text-secondary tainacan-icon tainacan-icon-1-125em"/>
+            </span>
+            <span class="collapse-all__text">
+                {{ !collapseAll ? $i18n.get('label_collapse_all') : $i18n.get('label_expand_all') }}
             </span>
         </button>
 
@@ -495,6 +497,9 @@
     .collapse-all {
         display: inline-flex;
         align-items: center;
+        margin-left: -0.65em;
+    }
+    .collapse-all__text {
         font-size: 0.75em !important;
     }
     .filters-components-list {
diff --git a/src/views/admin/pages/lists/filters-page.vue b/src/views/admin/pages/lists/filters-page.vue
index b2b9d33ee..94aa6e81d 100644
--- a/src/views/admin/pages/lists/filters-page.vue
+++ b/src/views/admin/pages/lists/filters-page.vue
@@ -18,7 +18,7 @@
                 <div class="column">
 
                     <div class="tainacan-form sub-header">
-                        <h3 class="has-text-secondary">{{ $i18n.get('filters') }}</h3>
+                        <h3>{{ $i18n.get('filters') }}</h3>
 
                         <template v-if="activeFiltersList && activeFiltersList.length > 5 && !isLoadingFilters">
                                 
@@ -84,24 +84,6 @@
                                         class="icon grip-icon">
                                     <i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-drag"/>
                                 </span>
-                                <span 
-                                        v-tooltip="{
-                                            content: filter.collection_id != collectionId ? $i18n.get('label_repository_filter') : $i18n.get('label_collection_filter'),
-                                            autoHide: true,
-                                            classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : ''],
-                                            placement: 'auto-start'
-                                        }"
-                                        class="icon icon-level-identifier">
-                                    <i 
-                                        :class="{ 
-                                            'tainacan-icon-collections': filter.collection_id == collectionId, 
-                                            'tainacan-icon-repository': filter.collection_id != collectionId,
-                                            'has-text-turquoise5': filter.enabled && filter.collection_id != 'default', 
-                                            'has-text-blue5': filter.enabled && filter.collection_id == 'default',
-                                            'has-text-gray3': !filter.enabled  
-                                        }"
-                                        class="tainacan-icon" />
-                                </span> 
                                 <span 
                                         class="filter-name"
                                         :class="{'is-danger': formWithErrors == filter.id }">
@@ -128,7 +110,25 @@
                                             }">
                                         <i class="tainacan-icon tainacan-icon-private"/>
                                     </span>
-                                </span> 
+                                    <span 
+                                            v-tooltip="{
+                                                content: filter.collection_id != collectionId ? $i18n.get('label_repository_filter') : $i18n.get('label_collection_filter'),
+                                                autoHide: true,
+                                                classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : ''],
+                                                placement: 'auto-start'
+                                            }"
+                                            class="icon icon-level-identifier">
+                                        <i 
+                                            :class="{ 
+                                                'tainacan-icon-collections': filter.collection_id == collectionId, 
+                                                'tainacan-icon-repository': filter.collection_id != collectionId,
+                                                'has-text-turquoise5': filter.enabled && filter.collection_id != 'default', 
+                                                'has-text-blue5': filter.enabled && filter.collection_id == 'default',
+                                                'has-text-gray3': !filter.enabled  
+                                            }"
+                                            class="tainacan-icon" />
+                                    </span> 
+                                </span>
                                 <span 
                                         class="loading-spinner" 
                                         v-if="filter.id == undefined"/>
@@ -191,7 +191,7 @@
                         v-if="(isRepositoryLevel && $userCaps.hasCapability('tnc_rep_edit_filters') || !isRepositoryLevel)"
                         class="column available-metadata-area">
                     <div class="field" >
-                        <h3 class="label has-text-secondary"> {{ $i18n.get('label_available_metadata') }}</h3>
+                        <h3 class="label"> {{ $i18n.get('label_available_metadata') }}</h3>
                         <draggable
                                 @change="handleChangeOnMetadata"
                                 v-if="availableMetadata.length > 0 && !isLoadingMetadatumTypes"
@@ -220,22 +220,7 @@
                                             }" 
                                             class="icon grip-icon">
                                         <i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-drag"/>
-                                    </span>
-                                    <span 
-                                            v-tooltip="{
-                                                content: isRepositoryLevel || metadatum.collection_id != collectionId ? $i18n.get('label_repository_filter') : $i18n.get('label_collection_filter'),
-                                                autoHide: true,
-                                                classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : ''],
-                                                placement: 'auto-start'
-                                            }"
-                                            class="icon icon-level-identifier">
-                                        <i 
-                                            :class="{   
-                                                'tainacan-icon-collections has-text-turquoise5': metadatum.collection_id == collectionId && !isRepositoryLevel, 
-                                                'tainacan-icon-repository has-text-blue5': isRepositoryLevel || metadatum.collection_id != collectionId 
-                                            }"
-                                            class="tainacan-icon" />
-                                    </span>  
+                                    </span> 
                                     <span 
                                             v-tooltip="{
                                                 content: metadatum.name + (metadatum.parent_name ? (' (' + $i18n.get('info_child_of') + ' ' + metadatum.parent_name + ')') : ''),
@@ -252,6 +237,21 @@
                                             <em>{{ '(' + $i18n.get('info_child_of') + ' ' + metadatum.parent_name + ')' }}</em>
                                         </span>
                                     </span>
+                                    <span 
+                                            v-tooltip="{
+                                                content: isRepositoryLevel || metadatum.collection_id != collectionId ? $i18n.get('label_repository_filter') : $i18n.get('label_collection_filter'),
+                                                autoHide: true,
+                                                classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : ''],
+                                                placement: 'auto-start'
+                                            }"
+                                            class="icon icon-level-identifier">
+                                        <i 
+                                            :class="{   
+                                                'tainacan-icon-collections has-text-turquoise5': metadatum.collection_id == collectionId && !isRepositoryLevel, 
+                                                'tainacan-icon-repository has-text-blue5': isRepositoryLevel || metadatum.collection_id != collectionId 
+                                            }"
+                                            class="tainacan-icon" />
+                                    </span> 
                                 </div>
                             </template>
                         </draggable>   
@@ -873,7 +873,7 @@ export default {
             display: flex;
             align-items: center;
             justify-content: space-between;
-            padding: 0.5em;
+            padding: 0.5em 1em 0.5em 0.5em;
 
             .header-item {
                 margin-left: 0.75rem;
@@ -899,7 +899,6 @@ export default {
 
         .active-filters-area {
             font-size: 0.875em;
-            margin-right: 0.8em;
             margin-left: -0.8em;
             padding-right: 3em;
             min-height: 330px;
@@ -1010,6 +1009,10 @@ export default {
                     }
                 }    
             }
+            .active-filter-item:not(:hover) .icon-level-identifier .tainacan-icon::before,
+            .active-filter-item:hover.not-sortable-item .icon-level-identifier .tainacan-icon::before {
+                color: var(--tainacan-gray3) !important;
+            }
             .active-filter-item:hover:not(.not-sortable-item) {
                 background-color: var(--tainacan-turquoise1);
                 border-color: var(--tainacan-turquoise1);
@@ -1090,7 +1093,7 @@ export default {
                     font-weight: bold;
                     margin-left: 0.4em;
                     display: inline-block;
-                    width: calc(100% - 80px);
+                    width: calc(100% - 60px);
                 }
                 &:after,
                 &:before {
@@ -1134,6 +1137,10 @@ export default {
                 position: relative;
                 top: 2px;
             }
+            .available-metadatum-item:not(:hover) .icon-level-identifier .tainacan-icon::before,
+            .available-filter-item:hover.not-sortable-item .icon-level-identifier .tainacan-icon::before {
+                color: var(--tainacan-gray3) !important;
+            }
             .available-metadatum-item:not(.disabled-metadatum):hover{
                 background-color: var(--tainacan-turquoise1);
                 border-color: var(--tainacan-turquoise2);
@@ -1155,7 +1162,7 @@ export default {
         .inherited-filter {
             &.active-filter-item:hover:not(.not-sortable-item) {
                 background-color: var(--tainacan-blue1);
-                border-color: var(--tainacan-blue1);
+                border-color: var(--tainacan-blue2);
                 
                 .grip-icon { 
                     color: var(--tainacan-blue5) !important; 
diff --git a/src/views/admin/pages/lists/metadata-page.vue b/src/views/admin/pages/lists/metadata-page.vue
index 8affe3830..e07441749 100644
--- a/src/views/admin/pages/lists/metadata-page.vue
+++ b/src/views/admin/pages/lists/metadata-page.vue
@@ -19,57 +19,12 @@
                             ref="metadataEditionPageColumns">
                         <b-loading :active.sync="isLoadingMetadatumTypes"/>
 
-                        <div class="column">     
+                        <div class="column">
                            
                             <div class="tainacan-form sub-header">
-                                <h3 class="has-text-secondary">{{ $i18n.get('metadata') }}</h3>
+                                <h3>{{ $i18n.get('metadata') }}</h3>
 
-                                <template v-if="activeMetadatumList && activeMetadatumList.length > 5 && !isLoadingMetadata">
-                                    <b-field class="header-item">
-                                        <b-dropdown
-                                                id="tainacan-switch-compact-metadata-list"
-                                                v-model="showCompactMetadataList"
-                                                :mobile-modal="true"
-                                                position="is-bottom-right"
-                                                :aria-label="$i18n.get('label_view_mode')"
-                                                aria-role="list"
-                                                trap-focus>
-                                            <button 
-                                                    class="button is-white"
-                                                    :aria-label="$i18n.get('label_visualization')"
-                                                    slot="trigger">
-                                                <span class="gray-icon icon">
-                                                    <i :class="'tainacan-icon tainacan-icon-1-25em tainacan-icon-' + (showCompactMetadataList ? 'menu' : 'viewlist')" />
-                                                </span>
-                                                <span>{{ showCompactMetadataList ? $i18n.get('label_compact_list') : $i18n.get('label_detailed_list') }}</span>
-                                                <span class="icon">
-                                                    <i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-arrowdown" />
-                                                </span>
-                                            </button>
-                                            <b-dropdown-item 
-                                                    aria-controls="items-list-results"
-                                                    role="button"
-                                                    :value="true"
-                                                    :class="{ 'is-active': showCompactMetadataList }"
-                                                    aria-role="listitem">
-                                                <span class="gray-icon icon">
-                                                    <i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-menu" />
-                                                </span>
-                                                <span>{{ $i18n.get('label_compact_list') }}</span>
-                                            </b-dropdown-item>
-                                            <b-dropdown-item 
-                                                    aria-controls="items-list-results"
-                                                    role="button"
-                                                    :value="false"
-                                                    :class="{ 'is-active': !showCompactMetadataList }"
-                                                    aria-role="listitem">
-                                                <span class="gray-icon icon">
-                                                    <i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-viewlist" />
-                                                </span>
-                                                <span>{{ $i18n.get('label_detailed_list') }}</span>
-                                            </b-dropdown-item>
-                                        </b-dropdown>
-                                    </b-field>
+                                <template v-if="activeMetadatumList && !isLoadingMetadata">
                                     <b-field class="header-item">
                                         <b-input 
                                                 :placeholder="$i18n.get('instruction_type_search_metadata_filter')"
@@ -83,6 +38,22 @@
                                 </template>
                             </div>
 
+                            <button
+                                    aria-controls="filters-items-list"
+                                    :aria-expanded="!collapseAll"
+                                    v-if="activeMetadatumList.length > 0"
+                                    class="link-style collapse-all"
+                                    @click="collapseAll = !collapseAll">
+                                <span class="icon">
+                                    <i 
+                                            :class="{ 'tainacan-icon-arrowdown' : collapseAll, 'tainacan-icon-arrowright' : !collapseAll }"
+                                            class="has-text-secondary tainacan-icon tainacan-icon-1-125em"/>
+                                </span>
+                                <span class="collapse-all__text">
+                                    {{ collapseAll ? $i18n.get('label_collapse_all') : $i18n.get('label_expand_all') }}
+                                </span>
+                            </button>
+
                             <section 
                                     v-if="activeMetadatumList.length <= 0 && !isLoadingMetadata"
                                     class="field is-grouped-centered section">
@@ -116,7 +87,7 @@
                                     <div 
                                             class="active-metadatum-item"
                                             :class="{
-                                                'is-compact-item': showCompactMetadataList,
+                                                'is-compact-item': !isCollapseOpen(metadatum.id),
                                                 'not-sortable-item': isRepositoryLevel || metadatum.id == undefined || openedMetadatumId != '' || isUpdatingMetadataOrder || metadataNameFilterString != '',
                                                 'not-focusable-item': openedMetadatumId == metadatum.id,
                                                 'disabled-metadatum': metadatum.enabled == false,
@@ -126,6 +97,18 @@
                                         <div 
                                                 :ref="'metadatum-handler-' + metadatum.id"
                                                 class="handle">
+                                            <span 
+                                                    v-tooltip="{
+                                                        content: $i18n.get('label_view_metadata_details'),
+                                                        autoHide: true,
+                                                        classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : ''],
+                                                        placement: 'auto-start'
+                                                    }"
+                                                    @click="$set(collapses, metadatum.id, !isCollapseOpen(metadatum.id))"
+                                                    class="gray-icon icon"
+                                                    style="cursor: pointer">
+                                                <i :class="'tainacan-icon tainacan-icon-1-25em tainacan-icon-' + (isCollapseOpen(metadatum.id) ? 'arrowdown' : 'arrowright')" />
+                                            </span>
                                             <span 
                                                     :style="{ opacity: !(isRepositoryLevel || metadatum.id == undefined || openedMetadatumId != '' || isUpdatingMetadataOrder || metadataNameFilterString != '') ? '1.0' : '0.0' }"
                                                     v-tooltip="{
@@ -137,24 +120,6 @@
                                                     class="icon grip-icon">
                                                 <i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-drag"/>
                                             </span>
-                                            <span 
-                                                    v-tooltip="{
-                                                        content: (metadatum.collection_id == 'default') || isRepositoryLevel ? $i18n.get('label_repository_metadatum') : $i18n.get('label_collection_metadatum'),
-                                                        autoHide: true,
-                                                        classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : ''],
-                                                        placement: 'auto-start'
-                                                    }"
-                                                    class="icon icon-level-identifier">
-                                                <i 
-                                                    :class="{ 
-                                                        'tainacan-icon-collections': (metadatum.collection_id != 'default' && !isRepositoryLevel), 
-                                                        'tainacan-icon-repository': (metadatum.collection_id == 'default') || isRepositoryLevel,
-                                                        'has-text-turquoise5': metadatum.enabled && (metadatum.collection_id != 'default' && !isRepositoryLevel), 
-                                                        'has-text-blue5': metadatum.enabled && (metadatum.collection_id == 'default' || isRepositoryLevel),
-                                                        'has-text-gray3': !metadatum.enabled
-                                                    }"
-                                                    class="tainacan-icon" />
-                                            </span>  
                                             <span 
                                                     class="metadatum-name"
                                                     :class="{'is-danger': formWithErrors == metadatum.id }">
@@ -193,6 +158,24 @@
                                                         }">
                                                     <i class="tainacan-icon tainacan-icon-private"/>
                                                 </span>
+                                                <span 
+                                                        v-tooltip="{
+                                                            content: (metadatum.collection_id == 'default') || isRepositoryLevel ? $i18n.get('label_repository_metadatum') : $i18n.get('label_collection_metadatum'),
+                                                            autoHide: true,
+                                                            classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : ''],
+                                                            placement: 'auto-start'
+                                                        }"
+                                                        class="icon icon-level-identifier">
+                                                    <i 
+                                                        :class="{ 
+                                                            'tainacan-icon-collections': (metadatum.collection_id != 'default' && !isRepositoryLevel), 
+                                                            'tainacan-icon-repository': (metadatum.collection_id == 'default') || isRepositoryLevel,
+                                                            'has-text-turquoise5': metadatum.enabled && (metadatum.collection_id != 'default' && !isRepositoryLevel), 
+                                                            'has-text-blue5': metadatum.enabled && (metadatum.collection_id == 'default' || isRepositoryLevel),
+                                                            'has-text-gray3': !metadatum.enabled
+                                                        }"
+                                                        class="tainacan-icon" />
+                                                </span>
                                             </span>
                                             <span 
                                                     class="loading-spinner" 
@@ -243,7 +226,7 @@
                                         </div>
                                         <transition name="form-collapse">
                                             <metadatum-details 
-                                                    v-if="!showCompactMetadataList && openedMetadatumId !== metadatum.id"
+                                                    v-if="isCollapseOpen(metadatum.id) && openedMetadatumId !== metadatum.id"
                                                     :metadatum="metadatum" />
                                         </transition>
                                         <transition name="form-collapse">
@@ -265,7 +248,8 @@
                                             :parent.sync="metadatum"
                                             :metadata-name-filter-string="metadataNameFilterString"
                                             :is-parent-multiple="metadatum.multiple == 'yes' || (editForms[metadatum.id] && editForms[metadatum.id].multiple == 'yes')"
-                                            :is-repository-level="isRepositoryLevel" />
+                                            :is-repository-level="isRepositoryLevel"
+                                            :collapse-all="collapseAll" />
                                 </div>
                             </draggable> 
                         </div>
@@ -274,7 +258,7 @@
                                 v-if="(isRepositoryLevel && $userCaps.hasCapability('tnc_rep_edit_metadata')) || !isRepositoryLevel"
                                 class="column available-metadata-area" >
                             <div class="field">
-                                <h3 class="label has-text-secondary">{{ $i18n.get('label_available_metadata_types') }}</h3>
+                                <h3 class="label">{{ $i18n.get('label_available_metadata_types') }}</h3>
                                 <draggable 
                                         v-model="availableMetadatumList"
                                         :sort="false" 
@@ -368,9 +352,10 @@ export default {
             formWithErrors: '',
             hightlightedMetadatum: '',
             editForms: {},
+            collapses: {},
             columnsTopY: 0,
-            showCompactMetadataList: true,
-            metadataNameFilterString: ''
+            collapseAll: false,
+            metadataNameFilterString: '',
         }
     },
     computed: {
@@ -404,6 +389,9 @@ export default {
                 }
             },
             immediate: true
+        },
+        collapseAll(isCollapsed) {
+            this.activeMetadatumList.forEach((metadatum) => this.$set(this.collapses, metadatum.id, isCollapsed));
         }
     },
     beforeRouteLeave ( to, from, next ) {
@@ -482,7 +470,6 @@ export default {
             'getMetadatumTypes',
             'getMetadata',
         ]),
-                
         handleChange(event) {     
             if (event.added) {
                 this.addNewMetadatum(event.added.element, event.added.newIndex);
@@ -683,6 +670,9 @@ export default {
             }
             else 
                 return metadatum.name.toString().toLowerCase().indexOf(this.metadataNameFilterString.toString().toLowerCase()) >= 0;
+        },
+        isCollapseOpen(metadatumId) {
+            return this.collapses[metadatumId] == true;
         }
     }
 }
@@ -762,7 +752,7 @@ export default {
             display: flex;
             align-items: center;
             justify-content: space-between;
-            padding: 0.5em;
+            padding: 0.5em 1em 0.5em 0.5em;
 
             .header-item {
                 margin-left: 0.75rem;
@@ -774,6 +764,14 @@ export default {
             }
         }
 
+        .collapse-all {
+            display: inline-flex;
+            align-items: center;
+            margin-left: 0.25em;
+        }
+        .collapse-all__text {
+            font-size: 0.75em !important;
+        }
         .loading-spinner {
             animation: spinAround 500ms infinite linear;
             border: 2px solid var(--tainacan-gray2);
@@ -788,7 +786,6 @@ export default {
 
         .active-metadata-area {
             font-size: 0.875em;
-            margin-right: 0.8em;
             margin-left: -0.8em;
             padding-right: 3em;
             min-height: 330px;
@@ -892,6 +889,10 @@ export default {
                     }
                 }
             }
+            .active-metadatum-item:not(:hover) .icon-level-identifier .tainacan-icon::before,
+            .active-filter-item:hover.not-sortable-item .icon-level-identifier .tainacan-icon::before {
+                color: var(--tainacan-gray3) !important;
+            }
             .active-metadatum-item:hover:not(.not-sortable-item) {
                 background-color: var(--tainacan-turquoise1);
                 border-color: var(--tainacan-turquoise1);
diff --git a/src/views/admin/scss/_tabs.scss b/src/views/admin/scss/_tabs.scss
index c2988fe01..3e22e1903 100644
--- a/src/views/admin/scss/_tabs.scss
+++ b/src/views/admin/scss/_tabs.scss
@@ -36,7 +36,7 @@
 }
 .b-tabs {
     .tab-content {         
-        padding: 0.75em 1.5em;  
+        padding: 0.75em;
     }
     .tabs a,
     .tabs a:hover,
diff --git a/src/views/tainacan-admin-i18n.php b/src/views/tainacan-admin-i18n.php
index 62acb588e..2f0cabd09 100644
--- a/src/views/tainacan-admin-i18n.php
+++ b/src/views/tainacan-admin-i18n.php
@@ -538,6 +538,7 @@ return apply_filters( 'tainacan-admin-i18n', [
 	'label_form_not_loaded'							 => __( 'This form could not be loaded', 'tainacan' ),
 	'label_compact_list'							 => __( 'Compact list', 'tainacan'),
 	'label_detailed_list'							 => __( 'Detailed list', 'tainacan'),
+	'label_view_metadata_details'					 => __( 'View metadata details', 'tainacan'),
 
 	// Instructions. More complex sentences to guide user and placeholders
 	'instruction_delete_selected_collections'        => __( 'Delete selected collections', 'tainacan' ),