From e5567dedea9dde15511bf4d40c786f366875bc6e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Eike=20Ha=C3=9F?= <eike-hass@web.de>
Date: Mon, 23 Aug 2021 09:56:39 +0200
Subject: [PATCH] added better styling for mobile demo select

---
 web/bank/src/styles/pages/demo.scss | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/web/bank/src/styles/pages/demo.scss b/web/bank/src/styles/pages/demo.scss
index 0582de6a..e416a1ae 100644
--- a/web/bank/src/styles/pages/demo.scss
+++ b/web/bank/src/styles/pages/demo.scss
@@ -306,6 +306,16 @@
         img {
             width: 410px;
         }
+
+        @media (max-width: 430px) {
+            width: auto;
+            padding: 15px;
+            margin: 0 10px 20px 10px;
+
+            img {
+                width: 100%;
+            }
+        }
     }
 
     .demo-card-content {
@@ -314,6 +324,14 @@
         flex-direction: column;
         justify-content: space-between;
 
+        @include breakPoint(medium) {
+            margin-bottom: 10px;
+        }
+
+        @media (max-width: 430px) {
+            margin: 10px 5px 10px 5px;
+        }
+
         h3 {
             margin: 0;
             font-weight: bold;