From 6f8a380dd35e5ea872ef9fc9dd03ea2087eeca07 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Tue, 8 Nov 2022 10:29:36 -0500
Subject: [PATCH] Update props and clean up code.

---
 .../textbox-question/textbox-question.vue       | 17 +++++------------
 1 file changed, 5 insertions(+), 12 deletions(-)

diff --git a/src/common-components/textbox-question/textbox-question.vue b/src/common-components/textbox-question/textbox-question.vue
index 197e67a63..67446a19f 100644
--- a/src/common-components/textbox-question/textbox-question.vue
+++ b/src/common-components/textbox-question/textbox-question.vue
@@ -4,7 +4,6 @@
             :for="inputId"
             :aria-label="questionText"
             class="form-label"
-            :class="[questionAlignment ? 'mx-auto' : '']"
             v-html="labelText"></label>
         <div class="input-wrapper" :class="[includeSearchIcon ? 'has-search-icon' : '']">
             <input
@@ -23,8 +22,8 @@
                 :class="[
                     hasIcon ? 'has-icon' : '',
                     iconRight ? 'icon-right' : '',
-                    questionAlignment ? 'text-center' : '',
-                    isRoundedPill ? 'rounded-pill' : '',
+                    questionAlignment === 'center' ? 'text-center' : '',
+                    cornerStyle === 'rounded' ? 'rounded-pill' : '',
                 ]"
                 :validationRules="validationRules"
                 @change="handleChange"
@@ -66,9 +65,9 @@ export default {
         },
         validationRules: String,
         cmsWidgetName: String,
-        maxLength: String, // Left or center. Default is left
-        questionAlignment: String, // Left or center. Default is left
-        cornerStyle: String, // Left or center. Default is left
+        maxLength: String,
+        questionAlignment: String, // Left or center. Default is left.
+        cornerStyle: String, // Rounded or square. Square is default.
         includeSearchIcon: Boolean,
     },
     setup(props) {
@@ -107,12 +106,6 @@ export default {
         };
     },
     computed: {
-        isRoundedPill() {
-            return this.cornerStyle === "rounded";
-        },
-        isQuestionAlignment() {
-            return this.questionAlignment === "text";
-        },
         questionText() {
             return this.getCmsContent(this.cmsWidgetName, "QuestionText");
         },