diff --git a/src/MijnBesluit.Web/wwwroot/app.css b/src/MijnBesluit.Web/wwwroot/app.css index ec6a861..5a8bec3 100644 --- a/src/MijnBesluit.Web/wwwroot/app.css +++ b/src/MijnBesluit.Web/wwwroot/app.css @@ -581,3 +581,8 @@ hr { border: none; border-top: 1px solid var(--rand); margin: 1.25rem 0; } .appknoppen { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin-top: 1.25rem; } .appknoppen a { display: inline-block; line-height: 0; } .appknoppen img { height: 44px; width: auto; display: block; } +/* Het PNG van Google heeft een brede doorzichtige rand rondom de knop zelf (de knop is maar 241 van + de 572 pixels hoog). Daarom hier een grotere hoogte en een negatieve marge, zodat de zichtbare knop + net zo hoog wordt als die van Apple. Het plaatje zelf blijft onaangepast. Is het een bijgesneden + .svg, dan is dit niet nodig en geldt gewoon de 44px hierboven. */ +.appknoppen img[src$="google-play.png"] { height: 104px; margin: -30px -6px; } diff --git a/src/MijnBesluit.Web/wwwroot/badges/app-store.png b/src/MijnBesluit.Web/wwwroot/badges/app-store.png new file mode 100644 index 0000000..d8c9e4e Binary files /dev/null and b/src/MijnBesluit.Web/wwwroot/badges/app-store.png differ diff --git a/src/MijnBesluit.Web/wwwroot/badges/google-play.png b/src/MijnBesluit.Web/wwwroot/badges/google-play.png new file mode 100644 index 0000000..03a7ea4 Binary files /dev/null and b/src/MijnBesluit.Web/wwwroot/badges/google-play.png differ