fix(ffe-buttons): endre line-height i basebutton

[HeleneKassandra]

Beskrivelse

Endrer line-height i base button til å være 1.5 ch.

Motivasjon og kontekst

Px verdien fungerer litt dårlig på høy tekstzoom, så tror 1.5ch vil skalere bedre.
Dette ser også til å fikse ett issue der deler av bokstavene går "inn" i border på knapper ved høy zoom.

Før:

Etter:

Testing

[github-actions]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://black-beach-0d62d0d03-2139.westeurope.2.azurestaticapps.net

[tuva-odegard]

Kan være noe Mac-greier, men det ser ikke ut som at det ble helt riktig hos meg.. Endringen førte til at knappen ble 5px lavere, og jeg får ikke samme resultatet som deg når jeg zoomer (øke tekststørrelsen)

Her er disse endringene til venstre og live til høyre, med 150% zoom (chrome)

[HeleneKassandra]

Kan være noe Mac-greier, men det ser ikke ut som at det ble helt riktig hos meg.. Endringen førte til at knappen ble 5px lavere, og jeg får ikke samme resultatet som deg når jeg zoomer (øke tekststørrelsen) Her er disse endringene til venstre og live til høyre, med 150% zoom (chrome)

Har du testet etter jeg endret til 1.2?

[tuva-odegard]

Kan være noe Mac-greier, men det ser ikke ut som at det ble helt riktig hos meg.. Endringen førte til at knappen ble 5px lavere, og jeg får ikke samme resultatet som deg når jeg zoomer (øke tekststørrelsen) Her er disse endringene til venstre og live til høyre, med 150% zoom (chrome)

Har du testet etter jeg endret til 1.2?

Kan teste etter den har blitt deployed, men det var 24px før, så blir ikke 1.2 litt for lite? Når jeg prøver i browseren ser det ut som det skal være 1.5 (16px * 1.5 = 24) i stedet

[github-actions]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://black-beach-0d62d0d03-2139.westeurope.2.azurestaticapps.net

[HeleneKassandra]

Det ble veldig mye med 1.5 line-height. Det ble veldig stor avstand mellom linjene så 1.2 ser bedre ut. Men hvis knappene blir for små, så kan man kanskje kompensenere med mer padding?

[pethel]

Kan være noe Mac-greier, men det ser ikke ut som at det ble helt riktig hos meg.. Endringen førte til at knappen ble 5px lavere, og jeg får ikke samme resultatet som deg når jeg zoomer (øke tekststørrelsen) Her er disse endringene til venstre og live til høyre, med 150% zoom (chrome)

Har du testet etter jeg endret til 1.2?

Kan teste etter den har blitt deployed, men det var 24px før, så blir ikke 1.2 litt for lite? Når jeg prøver i browseren ser det ut som det skal være 1.5 (16px * 1.5 = 24) i stedet

Du har rett att

Kan være noe Mac-greier, men det ser ikke ut som at det ble helt riktig hos meg.. Endringen førte til at knappen ble 5px lavere, og jeg får ikke samme resultatet som deg når jeg zoomer (øke tekststørrelsen) Her er disse endringene til venstre og live til høyre, med 150% zoom (chrome)

Har du testet etter jeg endret til 1.2?

Kan teste etter den har blitt deployed, men det var 24px før, så blir ikke 1.2 litt for lite? Når jeg prøver i browseren ser det ut som det skal være 1.5 (16px * 1.5 = 24) i stedet

Det stemmer att vi går miste om lite højde her. Men det ser ikke bra ut med så stor lineheigth heller. Vi skall prova beholde lineheigten som er satt til 1.2 i denne Pr og heller kompensera med lite extra padding i top og bunn tenker jag.

[HeleneKassandra]

Endret paddingen litt, når jeg testet nå så ble den 44px men jeg har litt følelsen av at det endrer seg basert på font-størrelsen. Så litt usikker på hva som er best måte å sette padding på

[github-actions]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://black-beach-0d62d0d03-2139.westeurope.2.azurestaticapps.net

[github-actions]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://black-beach-0d62d0d03-2139.westeurope.2.azurestaticapps.net