From fb5fe60b2eda4228c94c1eb2b4643925455163b5 Mon Sep 17 00:00:00 2001
From: Arjun-Go <arjun.g@thoughtworks.com>
Date: Sun, 4 Feb 2024 15:55:39 +0530
Subject: [PATCH] add. css changes for person added as relationship

---
 .../views/patientRelationships.html            |  2 +-
 ui/app/styles/registration/_relationship.scss  | 18 +++++++++++++-----
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/ui/app/registration/views/patientRelationships.html b/ui/app/registration/views/patientRelationships.html
index b9c8920cb5..27a8927f65 100644
--- a/ui/app/registration/views/patientRelationships.html
+++ b/ui/app/registration/views/patientRelationships.html
@@ -51,7 +51,7 @@
 <!--                    </div>-->
                 </div>
                 <div class="col col2 form-field">
-                    <div class="field-value" ng-show="newRelationship.personB.display">
+                    <div class="field-value-patient" ng-show="getChosenRelationshipType(newRelationship) === 'patient' && newRelationship.personB.display">
                         <span>
                             <a ng-click="openPatientDashboardInNewTab(newRelationship)">{{newRelationship.personB.display}}</a>
                         </span>
diff --git a/ui/app/styles/registration/_relationship.scss b/ui/app/styles/registration/_relationship.scss
index fd97f39956..a1e834b02f 100644
--- a/ui/app/styles/registration/_relationship.scss
+++ b/ui/app/styles/registration/_relationship.scss
@@ -46,7 +46,7 @@
             .relationship-extension-btn {
                 float: left;
                 padding-left: 1.25rem;
-    
+
                 @media (max-width : 1024px) {
                     width: 15%;
                 }
@@ -61,10 +61,6 @@
                     width: 100%;
                     padding: 1% 0 0 0;
                 }
-    
-                .add-person-btn {
-                    margin: 0.2rem 0 0.2rem 0;
-                }
             }
         }
 
@@ -72,6 +68,11 @@
             width: 25%;
             float: left;
             text-align: left;
+            display: flex;
+
+            .add-person-btn {
+                margin: 0.2rem 0 0.2rem 0;
+            }
 
             @media (max-width : 1024px) {
                 width: 25%;
@@ -159,6 +160,13 @@
             margin: auto;
             margin-left: 0px;
 
+            .field-value-patient {
+                display: flex;
+                align-items: center;
+                margin-right: 10px;
+            }
+
+
             @media (max-width : 1024px) {
                 width: 20%;
             }