From b92ddbc83b8ce094360ab982afabdbfaf0bf5027 Mon Sep 17 00:00:00 2001
From: chiayin <chiayin.kuo@dsp.im>
Date: Mon, 13 Nov 2023 13:34:51 +0800
Subject: [PATCH] Issues #162: done.

---
 .../Conformance/ConformanceSidebar/ActList.vue       | 12 +++++-------
 .../Conformance/ConformanceSidebar/ActRadio.vue      | 12 +++++-------
 .../Conformance/ConformanceSidebar/ActSeqDrag.vue    |  4 ++--
 3 files changed, 12 insertions(+), 16 deletions(-)

diff --git a/src/components/Discover/Conformance/ConformanceSidebar/ActList.vue b/src/components/Discover/Conformance/ConformanceSidebar/ActList.vue
index 0d2530d..290cc31 100644
--- a/src/components/Discover/Conformance/ConformanceSidebar/ActList.vue
+++ b/src/components/Discover/Conformance/ConformanceSidebar/ActList.vue
@@ -1,12 +1,10 @@
 <template>
-  <div class="h-full bg-neutral-10 border border-neutral-300 rounded-xl ml-4 p-2 space-y-2">
+  <div class="h-full bg-neutral-10 border border-neutral-300 rounded-xl ml-4 p-4 space-y-2">
     <p class="h2 pl-2 border-b mb-3">Activity list</p>
-    <div class="h-[calc(100%_-_48px)]">
-      <div class="flex flex-wrap justify-start content-start gap-4 px-2 overflow-y-auto scrollbar h-[calc(100%_-_52px)]">
-          <div class="flex items-center w-[166px]" v-for="(act, index) in sortData" :key="index">
-              <Checkbox v-model="actList" :inputId="index.toString()" name="actList" :value="act" @change="actListData"/>
-              <label :for="index" class="ml-2 p-2 whitespace-nowrap break-keep text-ellipsis overflow-hidden">{{ act }}</label>
-          </div>
+    <div class="flex flex-wrap justify-start content-start gap-4 px-2 overflow-y-auto scrollbar h-[calc(100%_-_48px)]">
+      <div class="flex items-center w-[166px]" v-for="(act, index) in sortData" :key="index">
+        <Checkbox v-model="actList" :inputId="index.toString()" name="actList" :value="act" @change="actListData"/>
+        <label :for="index" class="ml-2 p-2 whitespace-nowrap break-keep text-ellipsis overflow-hidden">{{ act }}</label>
       </div>
     </div>
   </div>
diff --git a/src/components/Discover/Conformance/ConformanceSidebar/ActRadio.vue b/src/components/Discover/Conformance/ConformanceSidebar/ActRadio.vue
index 8f72ad6..9e37d46 100644
--- a/src/components/Discover/Conformance/ConformanceSidebar/ActRadio.vue
+++ b/src/components/Discover/Conformance/ConformanceSidebar/ActRadio.vue
@@ -1,12 +1,10 @@
 <template>
-  <div class="h-full bg-neutral-10 border border-neutral-300 rounded-xl ml-4 p-2 space-y-2">
+  <div class="h-full bg-neutral-10 border border-neutral-300 rounded-xl ml-4 p-4 space-y-2">
     <p class="h2 pl-2 border-b mb-3">{{ title }}</p>
-    <div class="h-[calc(100%_-_48px)]">
-      <div class="flex flex-wrap justify-start content-start gap-4 px-2 overflow-y-auto scrollbar h-[calc(100%_-_52px)]">
-          <div class="flex items-center w-[166px]" v-for="(act, index) in sortData" :key="index">
-              <RadioButton v-model="selectedRadio" :inputId="index + act" :name="select" :value="act" @change="actRadioData" />
-              <label :for="index + act" class="ml-2 p-2 whitespace-nowrap break-keep text-ellipsis overflow-hidden">{{ act }}</label>
-          </div>
+    <div class="flex flex-wrap justify-start content-start gap-4 px-2 overflow-y-auto scrollbar h-[calc(100%_-_48px)]">
+      <div class="flex items-center w-[166px]" v-for="(act, index) in sortData" :key="index">
+        <RadioButton v-model="selectedRadio" :inputId="index + act" :name="select" :value="act" @change="actRadioData" />
+        <label :for="index + act" class="ml-2 p-2 whitespace-nowrap break-keep text-ellipsis overflow-hidden">{{ act }}</label>
       </div>
     </div>
   </div>
diff --git a/src/components/Discover/Conformance/ConformanceSidebar/ActSeqDrag.vue b/src/components/Discover/Conformance/ConformanceSidebar/ActSeqDrag.vue
index 9a9d735..10f4bae 100644
--- a/src/components/Discover/Conformance/ConformanceSidebar/ActSeqDrag.vue
+++ b/src/components/Discover/Conformance/ConformanceSidebar/ActSeqDrag.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="h-full w-full flex justify-between items-center">
     <!-- Activity List -->
-    <div class="h-full w-full bg-neutral-10 border border-neutral-300 rounded-xl ml-4 p-2 space-y-2">
+    <div class="h-full w-full bg-neutral-10 border border-neutral-300 rounded-xl ml-4 p-4 space-y-2">
       <p class="h2 pl-2 border-b mb-3">Activity list</p>
       <div class="h-[calc(100%_-_56px)]">
         <Draggable :list="datadata" :group="{name: 'activity', pull: 'clone' }" itemKey="name" animation="300" :fallbackTolerance="5" :forceFallback="true" :ghostClass="'ghostSelected'" :dragClass="'dragSelected'" :sort="false" @end="onEnd" class="h-full flex flex-wrap justify-start content-start gap-4 px-2 overflow-y-auto scrollbar">
@@ -14,7 +14,7 @@
       </div>
     </div>
     <!-- sequence -->
-    <div class="w-full h-full relative bg-neutral-10 border border-neutral-300 rounded-xl ml-4 p-2 space-y-2 text-sm">
+    <div class="w-full h-full relative bg-neutral-10 border border-neutral-300 rounded-xl ml-4 p-4 space-y-2 text-sm">
       <p class="h2 border-b border-500 mb-3">Sequence</p>
       <!-- No Data -->
       <div v-if="listSequence && listSequence.length === 0" class="p-4 w-[calc(100%_-_32px)] h-5/6 flex justify-center items-center absolute">