From c46c78591ddaeee0a7c0e0126306872fd72ecfc1 Mon Sep 17 00:00:00 2001
From: Chuang Ke <chuangx.ke@intel.com>
Date: Fri, 22 Jul 2022 17:24:45 +0800
Subject: [PATCH] [config_tool] Order of plus and minus icons is inconsistent

let minus icons in front of plus icons in those views below: Virtio input device, Virtio network device, Virtio console device, CPU affinity.

Tracked-On: projectacrn#7917
Signed-off-by: Chuang-Ke <chuangx.ke@intel.com>
Reviewed-by: Junjie Mao <junjie.mao@intel.com>
---
 .../Config/ConfigForm/CustomWidget/Virtio/Console.vue  |  1 +
 .../Config/ConfigForm/CustomWidget/cpu_affinity.vue    | 10 +++++-----
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/misc/config_tools/configurator/packages/configurator/src/pages/Config/ConfigForm/CustomWidget/Virtio/Console.vue b/misc/config_tools/configurator/packages/configurator/src/pages/Config/ConfigForm/CustomWidget/Virtio/Console.vue
index 173dd7168..01596ab9c 100644
--- a/misc/config_tools/configurator/packages/configurator/src/pages/Config/ConfigForm/CustomWidget/Virtio/Console.vue
+++ b/misc/config_tools/configurator/packages/configurator/src/pages/Config/ConfigForm/CustomWidget/Virtio/Console.vue
@@ -188,6 +188,7 @@ export default {
 <style scoped>
 .ToolSet {
   display: flex;
+  flex-direction: row;
   justify-content: space-around;
   margin: 1rem;
   gap: 0.5rem;
diff --git a/misc/config_tools/configurator/packages/configurator/src/pages/Config/ConfigForm/CustomWidget/cpu_affinity.vue b/misc/config_tools/configurator/packages/configurator/src/pages/Config/ConfigForm/CustomWidget/cpu_affinity.vue
index c796a2d56..c4bd9aeed 100644
--- a/misc/config_tools/configurator/packages/configurator/src/pages/Config/ConfigForm/CustomWidget/cpu_affinity.vue
+++ b/misc/config_tools/configurator/packages/configurator/src/pages/Config/ConfigForm/CustomWidget/cpu_affinity.vue
@@ -33,16 +33,16 @@
           </b-col>
           <b-col>
             <div class="ToolSet">
-              <div @click="addPCPU(index)" :class="{'d-none': (this.defaultVal.pcpu.length-1)!==index}">
-                <Icon size="18px">
-                  <Plus/>
-                </Icon>
-              </div>
               <div @click="removePCPU(index)">
                 <Icon size="18px">
                   <Minus/>
                 </Icon>
               </div>
+              <div @click="addPCPU(index)" :class="{'d-none': (this.defaultVal.pcpu.length-1)!==index}">
+                <Icon size="18px">
+                  <Plus/>
+                </Icon>
+              </div>
             </div>
           </b-col>
         </b-row>