From 25106433613071641c40002b95dc8b4fc07442eb Mon Sep 17 00:00:00 2001
From: Alina Beck <alina.beck@mail.com>
Date: Mon, 17 Feb 2020 10:56:07 +0100
Subject: [PATCH] improve mobile-responsiveness of BaseCard, following
 @mattwr18 suggestions

---
 webapp/components/_new/generic/BaseCard/BaseCard.vue | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/webapp/components/_new/generic/BaseCard/BaseCard.vue b/webapp/components/_new/generic/BaseCard/BaseCard.vue
index b787d3618..58ef508d0 100644
--- a/webapp/components/_new/generic/BaseCard/BaseCard.vue
+++ b/webapp/components/_new/generic/BaseCard/BaseCard.vue
@@ -118,4 +118,15 @@ export default {
     left: $space-small;
   }
 }
+
+@media (max-width: 565px) {
+  .base-card.--columns {
+    flex-direction: column;
+
+    > .image-column {
+      padding-right: 0;
+      margin-bottom: $space-base;
+    }
+  }
+}
 </style>