darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-09-10 10:03:21 -04:00
Code Issues Packages Projects Releases Wiki Activity

Make image display smaller on mobile

Browse Source
This commit is contained in:
Chris Hill-Scott
2021-05-28 13:52:20 +01:00
parent 68e7d2916e
commit 268a7d1881
2 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
app/assets/stylesheets/views/webauthn.scss
View File

@@ -23,3 +23,13 @@
display: block; display: block;
} }
} }
.webauthn-illustration {
@include media-down(mobile) {
margin: govuk-spacing(6) govuk-spacing(9) 0 govuk-spacing(9);
}
margin: govuk-spacing(9) auto 0 auto;
}

2
app/templates/views/user-profile/security-keys.html
View File

@@ -80,7 +80,7 @@
}) }} }) }}
</div> </div>
<div class="govuk-grid-column-one-quarter"> <div class="govuk-grid-column-one-quarter">
<img src="{{ asset_url('images/security-key.svg') }}" alt="" class="govuk-!-margin-top-9"> <img src="{{ asset_url('images/security-key.svg') }}" alt="" class="webauthn-illustration">
</div> </div>
{% endif %} {% endif %}
</div> </div>