From a14f2ff9b187f9b8e9bcf4c6d9d983ba93105e72 Mon Sep 17 00:00:00 2001
From: Rukmini Bose <rukmini.bose15@gmail.com>
Date: Thu, 29 Feb 2024 14:49:30 -0800
Subject: [PATCH] Make popup smaller, and remove decriptions in mobile

---
 src/styles/_controls.scss | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/styles/_controls.scss b/src/styles/_controls.scss
index 2b1b2afd5b3..e3a3ede889b 100644
--- a/src/styles/_controls.scss
+++ b/src/styles/_controls.scss
@@ -711,12 +711,19 @@ select {
   height: 120px;
   width: 500px;
 
+  body.mobile & { 
+      height: 50vh;
+      width: 50vw;
+  }
   .c-super-menu__menu {
     flex: 1 1 30%;
   }
 
   .c-super-menu__item-description {
     flex: 1 1 70%;
+    body.mobile & { // We don't want the descriptions that appear on hover for mobile. 
+      display: none;
+    }
 
     [class*="__icon"] {
       display: none !important;