Merge pull request #1362 from Safelite/BRM-fix-navbar-item-spacing

Fix navbar item alignment and modal spinner deformity.
This commit is contained in:
bmauger 2023-09-27 16:29:48 -04:00 committed by GitHub
commit 267264e0b7
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 5 deletions

View file

@ -1,7 +1,7 @@
<template> <template>
<div class="row"></div> <div class="row"></div>
<div class="nav-bar container-fluid g-5 my-5 px-0" id="infoBox"> <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 <div
:class="['col button-col d-flex', buttonSize ? 'large-button' : 'medium-button']" :class="['col button-col d-flex', buttonSize ? 'large-button' : 'medium-button']"
id="stacked"> id="stacked">

View file

@ -32,6 +32,7 @@
groupName="DamageLocationQuestion" /> groupName="DamageLocationQuestion" />
<windshieldOptions <windshieldOptions
class="windshield-options"
ref="windshieldOptions" ref="windshieldOptions"
v-model="selectedWindshieldOptions" v-model="selectedWindshieldOptions"
:hasRepairReplaceConflict="hasRepairReplaceConflict" :hasRepairReplaceConflict="hasRepairReplaceConflict"
@ -547,6 +548,7 @@ export default {
<style lang="scss"> <style lang="scss">
.vehicle-damage { .vehicle-damage {
.windshield-options {
@include media-breakpoint-up(md) { @include media-breakpoint-up(md) {
.col { .col {
flex: 0 0 auto; flex: 0 0 auto;
@ -554,4 +556,5 @@ export default {
} }
} }
} }
}
</style> </style>