css : data list css

data list is just after the clone list

browser/css/dark.css

@@ -292,7 +292,8 @@ line {
 /*style list element*/
 /*Metric*/
 .list:hover,
-.tagElem:hover {
+.tagElem:hover,
+.data:hover {
   background: #333333;
 }
 #list {
@@ -306,6 +307,15 @@ line {
   height: 100%;
   padding: 2px;
 }
+#list_data {
+  display: block;
+}
+.data_name {
+  margin-left: 40px;
+  width: 300px;
+  margin-right: 10px;
+  display: inline-block;
+}
 .list {
   width: 475px;
   display: block;
@@ -938,6 +948,15 @@ span.logo {
 .db_table td {
   overflow: hidden;
 }
+.db_table .column_200 {
+  width: 200px;
+}
+.db_table .column_150 {
+  width: 150px;
+}
+.db_table .column_100 {
+  width: 100px;
+}
 .db_table .column1 {
   width: 100px;
 }

browser/css/light.css

@@ -292,7 +292,8 @@ line {
 /*style list element*/
 /*Metric*/
 .list:hover,
-.tagElem:hover {
+.tagElem:hover,
+.data:hover {
   background: #cccccc;
 }
 #list {
@@ -306,6 +307,15 @@ line {
   height: 100%;
   padding: 2px;
 }
+#list_data {
+  display: block;
+}
+.data_name {
+  margin-left: 40px;
+  width: 300px;
+  margin-right: 10px;
+  display: inline-block;
+}
 .list {
   width: 475px;
   display: block;
@@ -938,6 +948,15 @@ span.logo {
 .db_table td {
   overflow: hidden;
 }
+.db_table .column_200 {
+  width: 200px;
+}
+.db_table .column_150 {
+  width: 150px;
+}
+.db_table .column_100 {
+  width: 100px;
+}
 .db_table .column1 {
   width: 100px;
 }

browser/css/vidjil.less

@@ -372,7 +372,7 @@ line {
 @width_nameBox : (@width_listElem - @width_starBox - @width_infoBox - @width_sizeBox - @width_clusterBox - @margin_nameBox - @width_systemBox);
 
 
-.list:hover, .tagElem:hover{
+.list:hover, .tagElem:hover, .data:hover{
   background :@border;
 }
 
@@ -389,6 +389,20 @@ line {
   padding:2px;
 }
 
+#list_data{
+  display: block;
+}
+
+.data_name{
+  margin-left : 40px;
+  width: 300px;
+  margin-right : 10px;
+  display : inline-block;
+}
+
+.data_value{
+}
+
 .list{
   width : 	@width_left_container;
   display :	block;