Add minor UI/UX fixes

client/web/compose/src/components/PageBlocks/RecordListBase.vue

@@ -140,7 +140,7 @@
             {{ $t('recordList.filter.filters.active') }}
             <b-form-tags
               size="lg"
-              class="border-0 p-0"
+              class="d-flex align-items-center border-0 p-0"
               style="width: fit-content;"
             >
               <b-form-tag

client/web/compose/src/components/PageBlocks/Wrap/Plain.vue

@@ -31,7 +31,7 @@
                 v-if="block.options.showRefresh"
                 :title="$t('general.label.refresh')"
                 variant="outline-light"
-                class="d-flex align-items-center text-primary d-print-none border-0"
+                class="d-flex align-items-center text-secondary d-print-none border-0"
                 @click="$emit('refreshBlock')"
               >
                 <font-awesome-icon :icon="['fa', 'sync']" />
@@ -41,7 +41,7 @@
                 v-if="block.options.magnifyOption"
                 :title="isBlockMagnified ? '' : $t('general.label.magnify')"
                 variant="outline-light"
-                class="d-flex align-items-center text-primary d-print-none border-0"
+                class="d-flex align-items-center text-secondary d-print-none border-0"
                 @click="$root.$emit('magnify-page-block', isBlockMagnified ? undefined : magnifyParams)"
               >
                 <font-awesome-icon :icon="['fas', isBlockMagnified ? 'times' : 'search-plus']" />

client/web/compose/src/views/Admin/Pages/Builder.vue

@@ -19,7 +19,7 @@
         :options="layouts"
         value-field="pageLayoutID"
         text-field="label"
-        style="width: 300px;"
+        style="max-width: 300px;"
         @change="setLayout"
       />