From bd5dd27f88c0fc7cddb73f562b9ca006527f0c21 Mon Sep 17 00:00:00 2001
From: Dapeng <verydapeng@gmail.com>
Date: Wed, 21 Sep 2016 13:15:19 +0800
Subject: [PATCH] redesign ui layout for owner details for pet's visits

---
 .../app/owner-details/owner-details.template.html     | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/main/webapp/scripts/app/owner-details/owner-details.template.html b/src/main/webapp/scripts/app/owner-details/owner-details.template.html
index ad111168f..f1606cda0 100644
--- a/src/main/webapp/scripts/app/owner-details/owner-details.template.html
+++ b/src/main/webapp/scripts/app/owner-details/owner-details.template.html
@@ -38,12 +38,13 @@
         <a href="#!/owners/{{$ctrl.owner.id}}/pets/{{pet.id}}/visits">Add Visit</a>
     </p>
     <h4>Visits</h4>
-    <p style="margin-left: 2em;" ng-repeat="visit in pet.visits">
-        <span style="font-style: italic; margin-right: 1em;">{{visit.date | date:'yyyy MMM dd'}}</span>
-        {{visit.description}}
-    </p>
 
-    <p style="margin-left: 2em;" ng-if="pet.visits.length == 0">
+    <div ng-repeat="visit in pet.visits" style="margin-top: 1em;">
+        <h5>{{visit.date | date:'yyyy MMM dd'}}</h5>
+        <p style="white-space: pre-line">{{visit.description}}</p>
+    </div>
+
+    <p ng-if="pet.visits.length == 0">
         No visit yet
     </p>