From 975088308a4763ce749425fc1b3cc68bd7e8acbc Mon Sep 17 00:00:00 2001
From: Chris Hill-Scott <me@quis.cc>
Date: Thu, 30 Sep 2021 15:07:22 +0100
Subject: [PATCH] Put media query after default CSS

Specificity means that the media query will always override, but this is
more obvious with the order this way around.
---
 app/assets/stylesheets/views/webauthn.scss | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/assets/stylesheets/views/webauthn.scss b/app/assets/stylesheets/views/webauthn.scss
index dd68a2ed7..33d1ee24e 100644
--- a/app/assets/stylesheets/views/webauthn.scss
+++ b/app/assets/stylesheets/views/webauthn.scss
@@ -26,15 +26,15 @@
 
 .webauthn-illustration {
 
-  @include govuk-media-query($from: tablet) {
-    margin: govuk-spacing(9) auto 0 auto;
-    padding: 0;
-  }
-
   box-sizing: border-box;
   width: 100%;
   height: 100%;
   margin: govuk-spacing(6) auto 0 auto;
   padding: 0 govuk-spacing(9) 0 govuk-spacing(9);
 
+  @include govuk-media-query($from: tablet) {
+    margin: govuk-spacing(9) auto 0 auto;
+    padding: 0;
+  }
+
 }