add. css changes for person added as relationship

Author: Arjun-Go

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>

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,17 +61,18 @@
                     width: 100%;
                     padding: 1% 0 0 0;
                 }
-    
-                .add-person-btn {
-                    margin: 0.2rem 0 0.2rem 0;
-                }
             }
         }
 
         .col2 {
             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%;
             }