feat: refactored form status badges

jadeallencook · Nov 27, 2023 · b0417e8 · b0417e8
1 parent 0094f31
commit b0417e8
Showing 1 changed file with 17 additions and 11 deletions.
diff --git a/src/forms/FormStatusForm/index.tsx b/src/forms/FormStatusForm/index.tsx
@@ -43,19 +43,25 @@ const FormStatusForm = () => {
                             />
                             Getting Request Form Status
                         </>
-                    ) : status ? (
-                        <>
-                            Request Form Is
-                            <Badge bg="danger" style={{ marginLeft: '5px' }}>
-                                Live
-                            </Badge>
-                        </>
                     ) : (
                         <>
-                            Request Form Is
-                            <Badge bg="dark" style={{ marginLeft: '5px' }}>
-                                Offline
-                            </Badge>
+                            {' '}
+                            Request Form Status{' '}
+                            {status ? (
+                                <Badge
+                                    bg="danger"
+                                    style={{ marginLeft: '5px', width: '50px' }}
+                                >
+                                    Live
+                                </Badge>
+                            ) : (
+                                <Badge
+                                    bg="dark"
+                                    style={{ marginLeft: '5px', width: '50px' }}
+                                >
+                                    Offline
+                                </Badge>
+                            )}
                         </>
                     )}
                 </InputGroup.Text>