@eturnity/eturnity_reusable_components 8.13.8 → 8.13.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "8.13.8",
+  "version": "8.13.10",
   "files": [
     "dist",
     "src"

package/src/components/tableDropdown/index.vue

@@ -140,9 +140,9 @@
               @keyup.enter="onItemClick(item)"
             >
               <template v-for="(option, idx) in optionsDisplay" :key="idx">
-                <TableItem v-if="option !== 'template'">
+                <DropdownItem v-if="option !== 'template'">
                   {{ !!item[option] ? item[option] : '-' }}
-                </TableItem>
+                </DropdownItem>
                 <TemplateItem
                   v-else-if="option === 'template' && item.has_template"
                 >
@@ -219,7 +219,7 @@
 
     .input-placeholder {
       height: 25px;
-      padding-left: 12px;
+      margin-left: -2px;
     }
   `
 
@@ -246,12 +246,16 @@
     }
   `
 
-  const TableItem = styled.span``
+  const TableItem = styled.span`
+    padding-left: 15px;
+  `
 
   const TemplateItem = styled.span`
     padding-left: 15px;
   `
 
+  const DropdownItem = styled.span``
+
   const containerAttrs = { colSpan: Number, width: String }
   const ComponentContainer = styled('div', containerAttrs)`
     display: contents;
@@ -392,7 +396,7 @@
   const inputContainerAttrs = { hasMessage: Boolean }
   const InputContainer = styled('div', inputContainerAttrs)`
     margin-left: ${(props) => (props.hasMessage ? '10px' : '0')};
-    display: flex;
+    display: block;
     align-items: center;
     justify-content: flex-start;
 
@@ -483,6 +487,7 @@
       InfoWrapper,
       TableItem,
       TemplateItem,
+      DropdownItem,
     },
     props: {
       colSpan: {