From 05b2754e88c011751f2f2ebc0ff2ae45e9df4b6f Mon Sep 17 00:00:00 2001
From: Paul <144158015+PaulGarewal@users.noreply.github.com>
Date: Wed, 4 Oct 2023 10:12:13 -0700
Subject: [PATCH] 15863 fixed the red invalid state sizing issue and some
 reshaping (#573)

* 15863 fixed the red invalid state sizing issue and some reshaping

* 15863 package json update

* 15863 fixed the red overflow and cut off issue

* 15863 removed dead negative spacing in restoration type
---
 package-lock.json                                 |  4 ++--
 package.json                                      |  2 +-
 src/components/Restoration/RestorationType.vue    |  1 +
 src/views/Restoration/RestorationBusinessName.vue | 14 +++++++++++---
 4 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index c038d3a2f..3922b4dd5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "business-create-ui",
-  "version": "5.5.4",
+  "version": "5.5.5",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "business-create-ui",
-      "version": "5.5.4",
+      "version": "5.5.5",
       "dependencies": {
         "@babel/compat-data": "^7.21.5",
         "@bcrs-shared-components/approval-type": "1.0.19",
diff --git a/package.json b/package.json
index bad340457..67023e595 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "business-create-ui",
-  "version": "5.5.4",
+  "version": "5.5.5",
   "private": true,
   "appName": "Create UI",
   "sbcName": "SBC Common Components",
diff --git a/src/components/Restoration/RestorationType.vue b/src/components/Restoration/RestorationType.vue
index eb6d5ab51..8afa18284 100644
--- a/src/components/Restoration/RestorationType.vue
+++ b/src/components/Restoration/RestorationType.vue
@@ -21,6 +21,7 @@
           <v-radio-group
             v-model="selectRestorationType"
             class="mt-0 pt-0"
+            hide-details="auto"
             @change="changeRestorationType()"
           >
             <v-radio
diff --git a/src/views/Restoration/RestorationBusinessName.vue b/src/views/Restoration/RestorationBusinessName.vue
index 0335ec521..883056fc4 100644
--- a/src/views/Restoration/RestorationBusinessName.vue
+++ b/src/views/Restoration/RestorationBusinessName.vue
@@ -43,16 +43,19 @@
       >
         <RestorationType
           id="restoration-type"
-          class="mb-n5"
           :class="{ 'approval-restoration-invalid-section': invalidSectionRestoration }"
         />
 
         <!-- Divider b/w Restoration and Approval type -->
-        <v-divider class="mb-11 mr-5 ml-5"></v-divider>
+        <div
+          class="px-5"
+          :class="{ 'invalid-divider': invalidSectionRestoration && invalidSectionApproval }"
+        >
+          <v-divider />
+        </div>
 
         <ApprovalType
           id="approval-type"
-          class="mt-n10"
           :class="{ 'approval-restoration-invalid-section': invalidSectionApproval }"
         />
       </v-card>
@@ -167,4 +170,9 @@ header p {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
+
+#restoration-type-section .v-card .invalid-divider {
+  border-left: 3px solid $BCgovInputError !important;
+  padding-left: calc(20px - 3px) !important;
+}
 </style>