From 715543598739ad3e87b6ee6b16cf1691549953bc Mon Sep 17 00:00:00 2001
From: Ritchie Vincent <ritchie@ritchievincent.co.uk>
Date: Tue, 14 Jan 2020 09:28:36 +0000
Subject: [PATCH] Move styles to CSS class

Signed-off-by: Rohit Yadav <rohit.yadav@shapeblue.com>
---
 ui/src/components/view/InfoCard.vue | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/ui/src/components/view/InfoCard.vue b/ui/src/components/view/InfoCard.vue
index 100ebca4001..39f5ddf1da7 100644
--- a/ui/src/components/view/InfoCard.vue
+++ b/ui/src/components/view/InfoCard.vue
@@ -99,7 +99,7 @@
             <span v-if="resource.cpuused">
               <a-progress
                 v-if="resource.cpuused"
-                style="width: 85%"
+                class="progress-bar"
                 size="small"
                 status="active"
                 :percent="parseFloat(resource.cpuused)"
@@ -108,7 +108,7 @@
             </span>
             <span v-if="resource.cpuallocated">
               <a-progress
-                style="width: 85%"
+                class="progress-bar"
                 size="small"
                 :percent="parseFloat(resource.cpuallocated)"
                 :format="(percent, successPercent) => parseFloat(percent).toFixed(2) + '% ' + $t('cpuallocatedghz')"
@@ -124,7 +124,7 @@
           <div>
             <span v-if="resource.memorykbs && resource.memoryintfreekbs">
               <a-progress
-                style="width: 85%"
+                class="progress-bar"
                 size="small"
                 status="active"
                 :percent="Number(parseFloat(100.0 * (resource.memorykbs - resource.memoryintfreekbs) / resource.memorykbs).toFixed(2))"
@@ -141,7 +141,7 @@
           <div>
             <span v-if="resource.memoryusedgb">
               <a-progress
-                style="width: 85%"
+                class="progress-bar"
                 size="small"
                 status="active"
                 :percent="Number(parseFloat(100.0 * parseFloat(resource.memoryusedgb) / parseFloat(resource.memorytotalgb)).toFixed(2))"
@@ -150,7 +150,7 @@
             </span>
             <span v-if="resource.memoryallocatedgb">
               <a-progress
-                style="width: 85%"
+                class="progress-bar"
                 size="small"
                 :percent="Number(parseFloat(100.0 * parseFloat(resource.memoryallocatedgb) / parseFloat(resource.memorytotalgb)).toFixed(2))"
                 :format="(percent, successPercent) => parseFloat(percent).toFixed(2) + '% ' + $t('memoryallocatedgb')"
@@ -871,4 +871,8 @@ export default {
   }
 
 }
+
+.progress-bar {
+  width: 85%;
+}
 </style>