Font size on label filters are not same with the search label

[mazipan]

Description

The font size from the labels are not consistent, the search seems have a smaller font size.

Sample page:

https://www.wargabantuwarga.com/provinces/dki-jakarta

The size for word "Cari Kontak" is not same with "Kategori" & "Lokasi"

See screenshot:

Expected Behaviour

I think we need to set smaller font size for the label in filters

[resir014]

@mazipan There's also FormLabel component, we should use it across all form elements.

https://github.com/kawalcovid19/wargabantuwarga.com/blob/main/components/ui/forms/form-label.tsx

The search box already uses it, I think the other two didn't use it

[adylanrff]

Hi, can I work on this?

[adylanrff]

After looking at the code, I think both SearchForm and SearchFilter have already used the FormLabel component for the label. We may need to set a different font size for the SearchFilter label so that it does not seems like it is larger than the SearchForm one. What do you think?

[adylanrff]

Hi @mazipan need your input here, since the font size is actually already the same, is this issue still relevant?

[mazipan]

Wdyt?

Just accessed from my Samsung A50 device, using Chrome Mobile v.92

[adylanrff]

Yeah that looks different ya,

For a comparison
IPhone 12 mini (IOS 14.7.1) using Safari

[mazipan]

Arghhh, it's hard.
A spesific browser/device issue 😤

[bungandy]

Iya mas @mazipan they are fine on Chrome iOS 14 iPhone 7. Try to change the word Cari kontak -> Cari Kontak maybe? The small k character makes the word looks smaller then the other to me 😁

[adylanrff]

yeah @bungandy I thought so too, but changing Cari kontak --> Cari Kontak means changing other components that uses SearchForm component too, which may not be intended.

[mazipan]

It should keep to use "Cari kontak".
I will close this issue for now ya 🙏