Multi-edit: Allow horizontal overflow

ui/css/cloudstack3.css

@@ -1737,16 +1737,33 @@ div.list-view td.state.off span {
   text-indent: 0;
 }
 
-.detail-group .main-groups table td.value span {
+.detail-group .main-groups table td.value > span {
   display: block;
   height: 30px;
   overflow: auto;
   position: relative;
   top: 9px;
+  float: left;
+  width: 245px;
 }
 
-.detail-group .main-groups table td.value span {
-  width: 355px;
+.detail-group .main-groups table td.value .view-all {
+  cursor: pointer;
+  /*[empty]height:;*/
+  border-left: 1px solid #9FA2A5;
+  /*+border-radius:4px 0 0 4px;*/
+  -moz-border-radius: 4px 0 0 4px;
+  -webkit-border-radius: 4px 0 0 4px;
+  -khtml-border-radius: 4px 0 0 4px;
+  border-radius: 4px 0 0 4px;
+  background: url(../images/sprites.png) no-repeat 100% -398px;
+  float: right;
+  margin: 1px 0 0;
+  padding: 8px 33px 6px 15px;
+}
+
+.detail-group .main-groups table td.value .view-all:hover {
+  background-position: 100% -431px;
 }
 
 .panel.always-maximized .detail-group .main-groups table td.value span {
@@ -7294,6 +7311,33 @@ div.panel.ui-dialog div.list-view div.fixed-header {
   background: #C3E0FC;
 }
 
+/*List-view: subselect dropdown*/
+.list-view .subselect {
+  width: 116px;
+  display: block;
+  float: left;
+  background: url(../images/bg-gradients.png) 0px -42px;
+  padding: 0;
+  margin: 8px 0 1px 7px;
+  clear: both;
+  border: 1px solid #A8A7A7;
+  /*+border-radius:4px;*/
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  -khtml-border-radius: 4px;
+  border-radius: 4px;
+}
+
+.list-view .subselect span {
+  margin: 4px 0 0 12px;
+}
+
+.list-view .subselect select {
+  width: 85%;
+  margin: 5px 0 4px;
+  font-size: 10px;
+}
+
 /*Multi-edit*/
 div.container div.panel div#details-tab-addloadBalancer.detail-group div.loadBalancer div.multi-edit form table.multi-edit thead tr th,
 div.container div.panel div#details-tab-addloadBalancer.detail-group div.loadBalancer div.multi-edit form table.multi-edit tbody tr td {
@@ -7684,6 +7728,23 @@ div.ui-dialog div.multi-edit-add-list div.view div.data-table table.body tbody t
   margin: 0 22px 0 0;
 }
 
+/** Fix long table overflow*/
+.detail-view .multi-edit {
+  width: 100%;
+}
+
+.detail-view .multi-edit table {
+  width: 97%;
+  max-width: inherit;
+}
+
+.detail-view .multi-edit table tr th,
+.detail-view .multi-edit table tr td {
+  width: 87px !important;
+  min-width: 87px !important;
+  max-width: 87px !important;
+}
+
 /** Header fields*/
 .multi-edit .header-fields {
   position: relative;
@@ -10502,34 +10563,31 @@ div.ui-dialog div.acl div.multi-edit div.data div.data-body div.data-item table
   width: 65px;
 }
 
-/*HEALTH CHECK */
-
+/*HEALTH CHECK*/
 div.ui-dialog div.health-check div.health-check-description {
-color: #808080;
+  color: #808080;
 }
 
 div.ui-dialog div.health-check div.form-container form div.form-item {
-width:58%
-margin-left:116px;
-margin-top:-16px;
-margin-bottom:30px;
+  width: 58% margin-left:116px;
+  margin-top: -16px;
+  margin-bottom: 30px;
 }
 
 div.ui-dialog div.health-check div.health-check-config-title {
-float:left;
-color: #808080;
-font-size:17px;
-margin-left:15px;
+  float: left;
+  color: #808080;
+  font-size: 17px;
+  margin-left: 15px;
 }
 
 div.ui-dialog div.health-check div.health-check-advanced-title {
-float:left;
-color: #808080;
-font-size:17px;
-margin-left:15px;
+  float: left;
+  color: #808080;
+  font-size: 17px;
+  margin-left: 15px;
 }
 
-
 /*Autoscaler*/
 .ui-dialog div.autoscaler {
   overflow: auto;