From 7e397c2eab3d90865448905c43b46137b02b6e35 Mon Sep 17 00:00:00 2001
From: rocketdebris <rocketdebris@gmail.com>
Date: Tue, 16 Dec 2025 10:39:04 -0500
Subject: [PATCH] Styling changes to the CRM page. More in-line with LMN.
 Removed Status Buttons, moved some information around to be more cohesive.

---
 .../components/clientSubPages/Overview.vue    | 64 +++++++++++--------
 1 file changed, 37 insertions(+), 27 deletions(-)

diff --git a/frontend/src/components/clientSubPages/Overview.vue b/frontend/src/components/clientSubPages/Overview.vue
index eb91548..518a6ba 100644
--- a/frontend/src/components/clientSubPages/Overview.vue
+++ b/frontend/src/components/clientSubPages/Overview.vue
@@ -1,34 +1,44 @@
 <template>
 	<div class="overview-container">
-		<template v-if="isNew || editMode">
-			<ClientInformationForm
-				ref="clientInfoRef"
-				:form-data="formData"
-				@update:form-data="formData = $event"
-				:is-submitting="isSubmitting"
-				:is-edit-mode="editMode"
-				@new-client-toggle="handleNewClientToggle"
-				@customer-selected="handleCustomerSelected"
-			/>
-
-			<ContactInformationForm
-				ref="contactInfoRef"
-				:form-data="formData"
-				@update:form-data="formData = $event"
-				:is-submitting="isSubmitting"
-				:is-edit-mode="editMode"
-				:is-new-client-locked="isNewClientMode"
-				:available-contacts="availableContacts"
-				@new-contact-toggle="handleNewContactToggle"
-			/>
-
-			<AddressInformationForm
-				:form-data="formData"
-				@update:form-data="formData = $event"
-				:is-submitting="isSubmitting"
-				:is-edit-mode="editMode"
+		<template v-if="!editMode">
+			<Button
+				@click="toggleEditMode"
+				icon="pi pi-pencil"
+				label="Edit Information"
+				size="small"
+				severity="secondary"
 			/>
 		</template>
+		<div class="status-cards">
+				<template v-if="isNew || editMode">
+				<ClientInformationForm
+					ref="clientInfoRef"
+					:form-data="formData"
+					@update:form-data="formData = $event"
+				:is-submitting="isSubmitting"
+					:is-edit-mode="editMode"
+					@new-client-toggle="handleNewClientToggle"
+					@customer-selected="handleCustomerSelected"
+				/>
+
+				<ContactInformationForm
+					ref="contactInfoRef"
+					:form-data="formData"
+					@update:form-data="formData = $event"
+				:is-submitting="isSubmitting"
+					:is-edit-mode="editMode"
+					:is-new-client-locked="isNewClientMode"
+					:available-contacts="availableContacts"
+					@new-contact-toggle="handleNewContactToggle"
+				/>
+
+				<AddressInformationForm
+					:form-data="formData"
+					@update:form-data="formData = $event"
+				:is-submitting="isSubmitting"
+					:is-edit-mode="editMode"
+				/>
+			</template>
 
 			<!-- Display Mode (existing client view) -->
 			<template v-else>