@eturnity/eturnity_reusable_components 1.0.52 → 1.0.56

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "1.0.52",
+  "version": "1.0.56",
   "private": false,
   "scripts": {
     "dev": "vue-cli-service serve",

package/src/components/tableDropdown/index.vue

@@ -86,11 +86,8 @@ const DropdownRow = styled.td``
 
 const ComponentItem = styled.div`
   padding-left: 12px;
-
-  span {
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
+  overflow: hidden;
+  text-overflow: ellipsis;
 `
 
 const containerAttrs = { colSpan: Number }
@@ -153,11 +150,14 @@ const OptionsItem = styled("div", containerAttrs)`
   display: grid;
   grid-template-columns: repeat(${(props) => props.colSpan}, minmax(0, 1fr));
   grid-gap: 12px;
-  overflow: hidden;
-  text-overflow: ellipsis;
   padding: 10px;
   height: max-content;
 
+  span {
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
   &:hover {
     background-color: ${(props) => props.theme.colors.grey5};
   }

package/src/components/tables/mainTable/index.vue

@@ -171,7 +171,7 @@ const TableContainer = styled.table`
     }
 
     .text {
-      padding: 12px 0 12px 18px;
+      padding: 10px 0 10px 18px;
       color: ${(props) => props.theme.colors.black};
     }
 
@@ -180,7 +180,7 @@ const TableContainer = styled.table`
     }
 
     .icons-container {
-      width: auto;
+      width: 1%; // necessary so it doesn't take up too much white space
       display: table-cell;
       flex-wrap: nowrap;
       background-color: #fff;