feat(catalog-ui): align search buttons to the right in filter panels

Author: Adrien

apps/catalog-ui/src/components/smart-filter/DateSearchFilterPanel.vue

@@ -93,6 +93,7 @@
       v-bind="uiProps.searchButton"
       :label="t('searchButton')"
       data-cy="date-search-filter-panel_search"
+      class="q-mt-sm float-right date-search-filter-panel_search"
       @click="onSearch"
     />
   </div>

apps/catalog-ui/src/components/smart-filter/ListSearchFilterPanel.vue

@@ -45,11 +45,12 @@
         </q-item-section>
       </q-item>
     </q-list>
+
     <q-btn
       v-bind="uiProps.filterButton"
       :label="t('searchButton')"
-      data-cy="button_search"
-      class="search-button"
+      data-cy="list-search-filter-panel_search"
+      class="q-mt-sm float-right list-search-filter-panel_search"
       @click="onSearch"
     />
   </div>

apps/catalog-ui/src/components/smart-filter/NumberSearchFilterPanel.vue

@@ -61,6 +61,7 @@
       v-bind="uiProps.searchButton"
       :label="t('searchButton')"
       data-cy="number-search-filter-panel_search"
+      class="q-mt-sm float-right number-search-filter-panel_search"
       @click="onSearch"
     />
   </div>

apps/catalog-ui/src/components/smart-filter/TextSearchFilterPanel.vue

@@ -61,6 +61,7 @@
       v-bind="uiProps.searchButton"
       :label="t('searchButton')"
       data-cy="text-search-filter-panel_search"
+      class="q-mt-sm float-right text-search-filter-panel_search"
       @click="onSearch"
     />
   </div>

apps/catalog-ui/src/components/smart-filter/TreeSearchFilterPanel.vue

@@ -26,7 +26,7 @@
 
 <template>
   <!-- v8 ignore start -->
-  <div class="column tree-search-filter-panel">
+  <div class="tree-search-filter-panel">
     <generic-tree
       v-model:ticked="tickedNodeKeys"
       :tickeable="true"
@@ -35,11 +35,12 @@
       :nodes="items"
       :node-types="[]"
     />
+
     <q-btn
       v-bind="uiProps.searchButton"
       :label="t('searchButton')"
-      data-cy="button_search"
-      class="search-button"
+      data-cy="tree-search-filter-panel_search"
+      class="q-mt-sm float-right tree-search-filter-panel_search"
       @click="onSearch"
     />
   </div>