Merge pull request #948 from Safelite/BRM-fix-spacing-for-errors-per-devyn

CSR-1097 fix error spacing and line height.
This commit is contained in:
bmauger 2023-01-19 11:38:52 -05:00 committed by GitHub
commit d8bd784073
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 7 additions and 4 deletions

View file

@ -68,7 +68,10 @@
</fieldset> </fieldset>
</div> </div>
<div class="row form-test-error mt-1"> <div class="row form-test-error mt-1">
<error-message :name="formatString(groupName)" v-if="!suppressError"></error-message> <error-message
class="small"
:name="formatString(groupName)"
v-if="!suppressError"></error-message>
</div> </div>
</div> </div>
</template> </template>

View file

@ -32,8 +32,8 @@
@focus="$emit('focus', $event.target.value)" /> @focus="$emit('focus', $event.target.value)" />
<button v-if="includeSearchIcon" type="submit" aria-label="Search button" /> <button v-if="includeSearchIcon" type="submit" aria-label="Search button" />
</div> </div>
<div v-show="errorMessage" class="row my-2 form-test-error"> <div v-show="errorMessage" class="row my-1 form-test-error">
<span class="d-inline-flex mt-0" role="alert">{{ errorMessage }}</span> <span class="d-inline-flex small mt-0" role="alert">{{ errorMessage }}</span>
</div> </div>
</div> </div>
</template> </template>

View file

@ -42,7 +42,7 @@ h6,
.small { .small {
font-size: 0.875rem; font-size: 0.875rem;
line-height: 1.7; line-height: 1.7142857143;
font-weight: 400; font-weight: 400;
} }