From 4c78e4e95f3e9672cdefa51061aea903b744bea2 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Wed, 27 Sep 2023 15:59:46 -0400
Subject: [PATCH] Fix navbar item alignment and modal spinner deformity.

---
 src/fmg-components/nav-bar/nav-bar.vue        |  2 +-
 src/layouts/vehicle-damage/vehicle-damage.vue | 11 +++++++----
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/fmg-components/nav-bar/nav-bar.vue b/src/fmg-components/nav-bar/nav-bar.vue
index 759e74c86..9cf918785 100644
--- a/src/fmg-components/nav-bar/nav-bar.vue
+++ b/src/fmg-components/nav-bar/nav-bar.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="row"></div>
     <div class="nav-bar container-fluid g-5 my-5 px-0" id="infoBox">
-        <div class="row d-flex flex-row-reverse align-items-center vw-100">
+        <div class="row d-flex flex-row-reverse justify-content-between align-items-center vw-100">
             <div
                 :class="['col button-col d-flex', buttonSize ? 'large-button' : 'medium-button']"
                 id="stacked">
diff --git a/src/layouts/vehicle-damage/vehicle-damage.vue b/src/layouts/vehicle-damage/vehicle-damage.vue
index cf767b12d..51e52f0e3 100644
--- a/src/layouts/vehicle-damage/vehicle-damage.vue
+++ b/src/layouts/vehicle-damage/vehicle-damage.vue
@@ -32,6 +32,7 @@
                         groupName="DamageLocationQuestion" />
 
                     <windshieldOptions
+                        class="windshield-options"
                         ref="windshieldOptions"
                         v-model="selectedWindshieldOptions"
                         :hasRepairReplaceConflict="hasRepairReplaceConflict"
@@ -547,10 +548,12 @@ export default {
 
 <style lang="scss">
 .vehicle-damage {
-    @include media-breakpoint-up(md) {
-        .col {
-            flex: 0 0 auto;
-            width: 33.33333333%;
+    .windshield-options {
+        @include media-breakpoint-up(md) {
+            .col {
+                flex: 0 0 auto;
+                width: 33.33333333%;
+            }
         }
     }
 }