fix clipped text in select elements (#4907)

Co-authored-by: Etienne Laurent <[email protected]>

Author: ETLaurent

CHANGELOG.md

@@ -28,6 +28,7 @@
 * Fixes missing wording on images batch operations.
 * Fixes rich text toolbar width being limited to parent width.
 * Fixes rich text insert menu focused item text color easily overridable.
+* Fixes clipped text in the pager and in the relationship filters of piece manager.
 
 ## 4.14.2 (2025-04-02)
 

modules/@apostrophecms/ui/ui/apos/components/AposFilterMenu.vue

@@ -138,8 +138,8 @@ export default {
   min-width: 140px;
 
   :deep(.apos-input--select) {
-    padding-top: 10px;
-    padding-bottom: 10px;
+    padding-top: 0;
+    padding-bottom: 0;
     background-color: var(--a-base-10);
     font-style: italic;
   }

modules/@apostrophecms/ui/ui/apos/components/AposPager.vue

@@ -110,6 +110,7 @@ export default {
 
   .apos-input--select {
     background-color: transparent;
+    line-height: normal;
     height: 32px;
     padding: 0 $spacing-double 0 $spacing-base;
   }