From df5a9c9fd91d24e966dd1a1298c1c023168eb05f Mon Sep 17 00:00:00 2001
From: DebaucheryLibrarian <moonloop.adult@protonmail.com>
Date: Mon, 4 Jan 2021 01:46:05 +0100
Subject: [PATCH] Using vertical button layout in consent warning on small
 screens.

---
 assets/components/container/warning.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/assets/components/container/warning.vue b/assets/components/container/warning.vue
index ac50c5e8..dfb0de9d 100644
--- a/assets/components/container/warning.vue
+++ b/assets/components/container/warning.vue
@@ -215,9 +215,15 @@ export default {
 	.title {
 		font-size: 1.5rem;
 	}
+}
 
-	.button:not(:last-child) {
-		margin: 0 1rem 0 0;
+@media(max-width: $breakpoint-small) {
+	.actions {
+		flex-direction: column-reverse;
+
+		.button {
+			margin: 0 0 1rem 0;
+		}
 	}
 }