PMCORE-3324: Column Settings and Task Action Ellipses Icons should be aligned PMCORE_3.7.0 build

fix ellipsis aligment

fix ellipsis aligment 2

resources/assets/js/components/utils/ellipsis.vue

@@ -1,5 +1,6 @@
 <template>
-    <div class="float-right">
+    <div>
+        <div class="float-right" v-show="showActions">
             <transition name="fade">
                 <div
                     class="v-inline"
@@ -18,7 +19,11 @@
                     </div>
                 </div>
             </transition>
-        <div class="ellipsis-button">
+        </div>
+        <div 
+            class="ellipsis-button align-middle"
+            v-show="!showActions"
+        >
             <div @click="showActionButtons()">
                 <i class="fas fa-ellipsis-v"></i>
             </div>
@@ -116,10 +121,7 @@ export default {
     }
     .ellipsis-button {
         font-size: 22px;
-        width: 15px;
         text-align: center;
-        float: inherit;
-        margin-top: 9px;
     }
     .buttonGroup {
         position: relative;

resources/assets/js/components/vuetable/extends/VtSettingsControl.vue

@@ -1,5 +1,7 @@
 <template>
+    <div class="align-middle table-settings">
         <span v-if="settings()" :class="classObject" :id="id"> </span>
+    </div>
 </template>
 <script>
 export default {
@@ -27,3 +29,8 @@ export default {
   },
 };
 </script>
+<style>
+.table-settings {
+  text-align: center;
+}
+</style>