From 30e17961c9453251d80753b7ccfee35ea25a4b00 Mon Sep 17 00:00:00 2001
From: Samuel Couillard <43917914+scouillard@users.noreply.github.com>
Date: Tue, 1 Aug 2023 16:31:17 -0400
Subject: [PATCH] Minor fixes for mobile styling (#5347)

* Minor fixes for mobile styling

* typo

* typo

* Update application.bootstrap.scss

---------

Co-authored-by: Ahmad Farhat <ahmad.farhat@blindsidenetworks.com>
---
 .../stylesheets/application.bootstrap.scss     | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/app/assets/stylesheets/application.bootstrap.scss b/app/assets/stylesheets/application.bootstrap.scss
index f5fec4c727..2446bd5bf4 100644
--- a/app/assets/stylesheets/application.bootstrap.scss
+++ b/app/assets/stylesheets/application.bootstrap.scss
@@ -67,10 +67,12 @@ body {
   color: silver;
 }
 
-// TODO - samuel: make responsive/add breakpoints
 .btn {
-  min-width: $button-min-width;
   white-space: nowrap;
+
+  @include media-breakpoint-up(sm) {
+    min-width: $button-min-width;
+  }
 }
 
 .btn-sm {
@@ -196,7 +198,6 @@ input.search-bar {
 
 #footer {
   margin-top: $footer-buffer-height;
-  max-height: $footer-height;
 
   #footer-container {
     border-top: 1px solid #d0d5dd;
@@ -206,6 +207,10 @@ input.search-bar {
     color: var(--brand-color) !important;
     text-decoration: none !important;
   }
+
+  @include media-breakpoint-up(sm) {
+    max-height: $footer-height;
+  }
 }
 
 .danger-light-button{
@@ -423,7 +428,6 @@ input.search-bar {
     background: white !important;
     color: black !important;
     border-color: gainsboro !important;
-    min-width: 260px;
     text-align: left;
 
     &:hover, &:focus, &:active {
@@ -436,8 +440,10 @@ input.search-bar {
     }
   }
 
-  .dropdown-menu {
-    min-width: 260px;
+  button, .dropdown-menu {
+    @include media-breakpoint-up(sm) {
+      min-width: 300px;
+    }
   }
 }