Change the position of the clear button [SCI-7585]

This commit is contained in:
sboursen-scinote 2023-01-25 10:30:20 +01:00
parent 2c8c008e49
commit e2521e501c
2 changed files with 8 additions and 5 deletions

View file

@ -69,7 +69,7 @@
@include font-h2; @include font-h2;
} }
.clear-filters-btn { .close {
margin-left: auto; margin-left: auto;
} }
} }
@ -120,6 +120,10 @@
padding: 1em; padding: 1em;
.apply-button { .apply-button {
margin-left: 8px;
}
.clear-filters-btn {
margin-left: auto; margin-left: auto;
} }

View file

@ -19,10 +19,6 @@
/> />
</div> </div>
</div> </div>
<button class="btn btn-light clear-filters-btn prevent-shrink" @click="clearFilters()">
<i class="fas fa-times-circle"></i>
{{ i18n.t('repositories.show.filters.clear') }}
</button>
</div> </div>
<FiltersList <FiltersList
:filters.sync="filters" :filters.sync="filters"
@ -46,6 +42,9 @@
/> />
</div> </div>
</div> </div>
<button class="btn btn-light clear-filters-btn prevent-shrink" @click="clearFilters()">
{{ i18n.t('repositories.show.filters.clear') }}
</button>
<button @click="$emit('filters:apply')" class="btn btn-primary apply-button prevent-shrink"> <button @click="$emit('filters:apply')" class="btn btn-primary apply-button prevent-shrink">
{{ i18n.t('repositories.show.filters.apply') }} {{ i18n.t('repositories.show.filters.apply') }}
</button> </button>