From a9ae7666b605999c0c61da2be394d2820dee7ac1 Mon Sep 17 00:00:00 2001
From: Bill Richardson <william.richardson@safelite.com>
Date: Wed, 25 Mar 2026 10:29:14 -0400
Subject: [PATCH] mobile styling

---
 .../suggest-timeslot-modal.vue                      | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/layouts/schedule-page/suggest-timeslot-modal/suggest-timeslot-modal.vue b/src/layouts/schedule-page/suggest-timeslot-modal/suggest-timeslot-modal.vue
index c632a79e..710d8200 100644
--- a/src/layouts/schedule-page/suggest-timeslot-modal/suggest-timeslot-modal.vue
+++ b/src/layouts/schedule-page/suggest-timeslot-modal/suggest-timeslot-modal.vue
@@ -146,10 +146,19 @@ export default {
 
 <style lang="scss" scoped>
 .suggest-timeslot-modal-container {
+    .modal {
+        padding-right: 0;
+    }
     :deep(.modal) {
         .modal-dialog {
-            width: 37.5rem;
-            max-width: 37.5rem;
+            @include media-breakpoint-up(xs) {
+                width: auto;
+                max-width: unset;
+            }
+            @include media-breakpoint-up(xl) {
+                width: 37.5rem;
+                max-width: 37.5rem;
+            }            
 
             .modal-content {
                 width: 22rem;