From 51fbb9a3db2727cfeb3f60c38de64ca685f97ce7 Mon Sep 17 00:00:00 2001
From: Nathan Cannon <nathan.cannon@edf-energy.com>
Date: Tue, 30 Oct 2018 11:00:53 +0000
Subject: [PATCH] Fixed spacing in persons list.

---
 frontend/src/views/ViewObservations.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/ViewObservations.vue b/frontend/src/views/ViewObservations.vue
index 4c89e3b..a87e7ed 100644
--- a/frontend/src/views/ViewObservations.vue
+++ b/frontend/src/views/ViewObservations.vue
@@ -59,10 +59,10 @@
                         <p slot="title">{{ observation.date }}<br/>{{ observation.whom }} {{ observation.type }}<br/>{{ observation.observed }}</p>
                         <h2>{{ observation.date }}, {{ observation.whom }}<br/>{{ observation.type }}, {{ observation.observed }}</h2>
                         <b-row align-h="center">
-                            <b-col cols="2" v-for="(person, index) in observation.persons"><i>{{ person.name }}<span v-if="index+1 < observation.persons.length">, </span></i></b-col>
+                            <h4><span v-for="(person, index) in observation.persons"><i>{{ person.name }}<span v-if="index+1 < observation.persons.length">,&nbsp;</span></i></span></h4>
                         </b-row>
                         <br />
-                        <b-row>
+                        <b-row class="mb-2">
                             <b-col class="centered-image" v-if="observation.monitoring">
                                 <img src="../assets/Monitoring.svg" class="image-opacity"/>
                                 <div class="image-centered-text">{{ observation.monitoring }}</div>