From 380260dc2d83e2c67f3b375e06aba083c2cef63a Mon Sep 17 00:00:00 2001
From: Nathan Cannon <nathan.cannon@edf-energy.com>
Date: Wed, 14 Nov 2018 11:08:40 +0000
Subject: [PATCH] Observation entry is now full width.

---
 frontend/src/views/Observation.vue | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

diff --git a/frontend/src/views/Observation.vue b/frontend/src/views/Observation.vue
index e92d351..4f16082 100644
--- a/frontend/src/views/Observation.vue
+++ b/frontend/src/views/Observation.vue
@@ -1,6 +1,6 @@
 <template>
-    <b-container>
-        <b-container v-if="description != null && type != null && whom != null && site != null && tutors != null">
+    <b-container fluid>
+        <b-container v-if="description != null && type != null && whom != null && site != null && tutors != null" fluid style="padding-left: 130px;">
             <h3>
                 <v-icon name="tag" scale="1.5"/>
                 {{type}}&nbsp;/&nbsp;{{description}}
@@ -70,9 +70,9 @@
             </b-row>
             <br />
             <b-form @submit="onSubmit" id="submission-form" novalidate>
-                <b-container v-for="(item, index) in observations" v-bind:key="index" class="border bottom-buffer">
+                <b-container v-for="(item, index) in observations" v-bind:key="index" class="border bottom-buffer" fluid>
                     <b-row class="top-buffer">
-                        <b-col cols="3">
+                        <b-col cols="2">
                             <b-form-group label="Type">
                                 <b-form-select v-bind:value="item.type" @change="changeType(index, $event)" required>
                                     <option :value=null>Please select an option</option>
@@ -100,19 +100,17 @@
                         </b-col>
                         <b-col>
                             <b-form-group label="Strengths">
-                                <b-form-textarea v-model="item.strengths" placeholder="Enter Strengths" :rows="3"
-                                                 :max-rows="6" required no-resize>
+                                <b-form-textarea v-model="item.strengths" placeholder="Enter Strengths" :rows="1"
+                                                 :max-rows="2" required no-resize>
                                 </b-form-textarea>
                             </b-form-group>
                             <b-form-group label="Areas of Improvement">
                                 <b-form-textarea v-model="item.improvements" placeholder="Enter Areas of Improvement"
-                                                 :rows="3" :max-rows="6" required no-resize>
+                                                 :rows="1" :max-rows="2" required no-resize>
                                 </b-form-textarea>
                             </b-form-group>
                         </b-col>
-                    </b-row>
-                    <b-row class="bottom-buffer">
-                        <b-col>
+                        <b-col cols="1" align-self="center">
                             <b-button v-on:click="deleteObservation(index)">Delete</b-button>
                         </b-col>
                     </b-row>