From d29603c584f87b21eb39ded096a7b31ded8082cb Mon Sep 17 00:00:00 2001
From: Bartuccio Antoine <klmp200@klmp200.net>
Date: Wed, 7 Aug 2019 20:03:21 +0200
Subject: [PATCH] pedagogy: fix display of guide on smaller devices

---
 core/static/core/style.scss | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/core/static/core/style.scss b/core/static/core/style.scss
index f94ea361..8fd94e3b 100644
--- a/core/static/core/style.scss
+++ b/core/static/core/style.scss
@@ -1742,6 +1742,22 @@ $pedagogy-white-text: #f0f0f0;
       grid-template-rows: auto;
       grid-template-areas: "search-bar-input search-bar-button";
 
+      @media screen and (max-width: $medium-devices){
+        grid-template-columns: auto auto;
+        grid-template-rows: auto;
+        grid-template-areas: "search-bar-input search-bar-button";
+      }
+
+      @media screen and (max-width: $small-devices){
+        grid-template-columns: auto;
+        grid-template-rows: auto;
+        grid-template-areas: "search-bar-input";
+
+        .search-bar-button {
+          display: none;
+        }
+      }
+
       .search-bar-input {
         grid-area: search-bar-input;
         background: $pedagogy-light-blue;