ATLAS-3389 : UI: Tag attribute values are trimmed

dashboardv2/public/css/scss/tag.scss

@@ -17,27 +17,34 @@
 //tag.scss
 .tag-tree {
     padding: 0; // overflow: auto;
+
     &.saveSearchList {
         height: 150px;
         overflow-y: auto;
     }
+
     .child>li,
     >li {
         list-style: none;
         cursor: pointer;
+
         &.parent-node {
             position: relative;
+
             &.active {
                 &>div {
                     background-color: $color_jungle_green_approx;
                     border: none;
+
                     .tools {
-                        display: block
+                        display: block;
                     }
+
                     &:hover {
                         background-color: $color_jungle_green_approx;
                     }
                 }
+
                 ul.child {
                     &:after {
                         height: 4px;
@@ -45,20 +52,25 @@
                     }
                 }
             }
+
             &>div {
                 position: relative;
                 margin-top: 5px;
                 /* margin-bottom: 5px; */
                 border-radius: 4px;
+
                 &:hover {
                     background-color: $color_star_dust_approx;
                 }
+
                 >.fa.toggleArrow {
                     position: absolute;
                     left: 0;
                     padding: 8px;
                     cursor: pointer;
-                } // >ul>li {
+                }
+
+                // >ul>li {
                 //     line-height: 30px;
                 //     margin-left: -20px;
                 //     text-indent: 20px;
@@ -76,6 +88,7 @@
                     color: $white;
                     padding: 5px 10px;
                 }
+
                 >a,
                 >div>a {
                     display: block;
@@ -85,20 +98,24 @@
                     max-width: 91%;
                     @include ellipsis();
                     font-size: 14px;
+
                     &:hover {
                         color: $white !important;
                         text-decoration: none !important;
                     }
                 }
+
                 >i+a {
                     padding: 5px 25px;
                 }
             }
+
             >ul.child {
                 margin-left: 11px;
                 padding-left: 10px;
                 border-left: 1px dotted gray;
                 position: relative;
+
                 &:after {
                     position: absolute;
                     content: "";
@@ -108,6 +125,7 @@
                     left: -1px;
                     border-left: 1px dotted gray;
                 }
+
                 li {
                     &.parent-node {
                         &:after {
@@ -119,6 +137,7 @@
                             left: -9px;
                             border-top: 1px dotted gray;
                         }
+
                         &.active:after {
                             width: 9px;
                         }
@@ -157,29 +176,31 @@
 .mainAttrTable {
     max-height: 180px;
     overflow: auto;
-    overflow-x: hidden;
-}
 
-table.attriTable {
+    table.attriTable {
         width: 100%;
+
+        td {
+            // &[data-type="int"],
+            // &[data-type="long"],
+            // &[data-type="float"],
+            // &[data-type="byte"],
+            // &[data-type="double"],
+            // &[data-type="short"] {
+            //     text-align: right;
+            // }
+        }
+
+        th,
         td {
             border: 1px solid #ddd;
             padding: 5px 7px;
             width: 50%;
-        &[data-type="int"],
-        &[data-type="long"],
-        &[data-type="float"],
-        &[data-type="byte"],
-        &[data-type="double"],
-        &[data-type="short"] {
-            text-align: right;
+
+            &.renderable.html-cell {
+                min-width: 150px;
             }
         }
-    th {
-        text-align: center !important;
-        border: 1px solid #ddd;
-        padding: 5px 7px;
-        width: 50%;
     }
 }