diff --git a/src/components/header/Searchbar.vue b/src/components/header/Searchbar.vue index 5e4646f6e..72f8775a4 100644 --- a/src/components/header/Searchbar.vue +++ b/src/components/header/Searchbar.vue @@ -220,17 +220,9 @@ export default defineComponent({ header &, #mobile-header & { max-width: 100%; + // header is 50px; 5px gap on each side margin: 5px 0 !important; - > * { - margin: 0 !important; - } - :deep input { - // header is 50px; 5px gap on each side - height: 40px !important; - } - :deep .input-field__icon { - height: 46px !important; // hack to center the icon - } + --default-clickable-area: 40px; } // Styling for flat input diff --git a/src/components/modal/AlbumPicker.vue b/src/components/modal/AlbumPicker.vue index 5ebd8971f..e80e3e3bf 100644 --- a/src/components/modal/AlbumPicker.vue +++ b/src/components/modal/AlbumPicker.vue @@ -13,20 +13,21 @@ -