From 3149a9a512094d9ae77608a50e1214836be204a8 Mon Sep 17 00:00:00 2001
From: Tony Air <tony@thewebdevelopmentagency.com>
Date: Wed, 2 Sep 2020 05:42:03 +0700
Subject: [PATCH] Alert fixture

---
 src/scss/_components/_ui.main.scss | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/scss/_components/_ui.main.scss b/src/scss/_components/_ui.main.scss
index ad689ca..5935769 100755
--- a/src/scss/_components/_ui.main.scss
+++ b/src/scss/_components/_ui.main.scss
@@ -178,15 +178,26 @@ textarea,
     .container {
         position: relative;
         display: flex;
-        flex-direction: row;
+        flex-direction: column;
         align-items: center;
         justify-content: center;
+
+        @media (min-width: map-get($grid-breakpoints, 'sm')) {
+            flex-direction: row;
+        }
     }
     .typography {
         flex: 1 1;
     }
     .btn-close {
-        margin-left: 1rem;
+        position: absolute;
+        top: 0;
+        right: 0;
+
+        @media (min-width: map-get($grid-breakpoints, 'sm')) {
+            position: static;
+            margin-left: 1rem;
+        }
     }
 }