From 79ab595fe44c3588ae07cd5130bb9d63d6085f07 Mon Sep 17 00:00:00 2001
From: Marcin Aman <maman@virtuslab.com>
Date: Fri, 4 Sep 2020 15:56:44 +0200
Subject: Mobile improvements for different screen resolutions

---
 .../frontend/src/main/components/search/search.scss   | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

(limited to 'plugins/base/frontend/src/main/components/search')

diff --git a/plugins/base/frontend/src/main/components/search/search.scss b/plugins/base/frontend/src/main/components/search/search.scss
index e42c2b4c..e7e7673d 100644
--- a/plugins/base/frontend/src/main/components/search/search.scss
+++ b/plugins/base/frontend/src/main/components/search/search.scss
@@ -12,7 +12,13 @@
 }
 
 .popup-wrapper {
-  min-width: calc(100% - 360px) !important;
+    min-width: calc(100% - 360px) !important;
+}
+
+@media screen and (max-width: 759px){
+    .popup-wrapper {
+      min-width: 100% !important;
+    }
 }
 
 .template-wrapper {
@@ -24,6 +30,17 @@
   }
 }
 
+@media screen and (max-width: 759px){
+    .template-wrapper {
+        display: flex;
+        height: auto;
+        flex-direction: column;
+        span {
+            line-height: unset;
+        }
+    }
+}
+
 .template-name {
   justify-self: start;
 }
-- 
cgit