From ed3b7484698a97652c5239c8f5045da4c28f09f0 Mon Sep 17 00:00:00 2001
From: Nathan Cannon <nathan.cannon@edf-energy.com>
Date: Mon, 8 Oct 2018 12:30:51 +0100
Subject: [PATCH] Moved object-fit to css.

---
 frontend/src/views/Observation.vue | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/frontend/src/views/Observation.vue b/frontend/src/views/Observation.vue
index b8b135d..b89f503 100644
--- a/frontend/src/views/Observation.vue
+++ b/frontend/src/views/Observation.vue
@@ -7,31 +7,31 @@
         <b-container class="sidebar">
             <b-row align-v="center" class="sidebar-vert-padding">
                 <b-col class="centered-image">
-                    <img src="../assets/Monitoring.svg" class="image-opacity" object-fill="contain"/>
+                    <img src="../assets/Monitoring.svg" class="image-opacity"/>
                     <div class="image-centered-text">{{ totals[0] }}</div>
                 </b-col>
             </b-row>
             <b-row align-v="center" class="sidebar-vert-padding">
                 <b-col class="centered-image">
-                    <img src="../assets/Control.svg" class="image-opacity" object-fill="contain"/>
+                    <img src="../assets/Control.svg" class="image-opacity"/>
                     <div class="image-centered-text">{{ totals[1] }}</div>
                 </b-col>
             </b-row>
             <b-row align-v="center" class="sidebar-vert-padding">
                 <b-col class="centered-image">
-                    <img src="../assets/Conservatism.svg" class="image-opacity" object-fill="contain"/>
+                    <img src="../assets/Conservatism.svg" class="image-opacity"/>
                     <div class="image-centered-text">{{ totals[2] }}</div>
                 </b-col>
             </b-row>
             <b-row align-v="center" class="sidebar-vert-padding">
                 <b-col class="centered-image">
-                    <img src="../assets/Teamwork.svg" class="image-opacity" object-fill="contain"/>
+                    <img src="../assets/Teamwork.svg" class="image-opacity"/>
                     <div class="image-centered-text">{{ totals[3] }}</div>
                 </b-col>
             </b-row>
             <b-row align-v="center">
                 <b-col class="centered-image">
-                    <img src="../assets/Knowledge.svg" class="image-opacity" object-fill="contain"/>
+                    <img src="../assets/Knowledge.svg" class="image-opacity"/>
                     <div class="image-centered-text">{{ totals[4] }}</div>
                 </b-col>
             </b-row>
@@ -219,7 +219,7 @@
             handleOk(evt) {
                 // Prevent modal from closing
                 evt.preventDefault();
-                if(this.password) {
+                if (this.password) {
                     this.handleSubmit()
                 }
             },
@@ -300,5 +300,6 @@
 
     img {
         height: 80px;
+        object-fit: contain;
     }
 </style>