Rebuilt the graphical behaviour of embed combobox for progress view configuration

FEA: ItEr64S04AdvancesVisualization

ganttzk/src/main/resources/web/ganttz/zul/plannerLayout.zul

@@ -67,13 +67,14 @@ planner = self;
             tooltiptext="${i18n:_('Flatten/Unflatten tree')}"
             sclass="planner-command" />
 
-        <button id="showAdvances" onClick="planner.showAdvances();"
-            image="/common/img/ico_progress.png"
-            tooltiptext="${i18n:_('Show/Hide Advances')}"
-            sclass="planner-command" />
-
-        <combobox id="cbProgressTypes" width="1px" visible="false"
-            sclass="progress-types" />
+        <hbox class="show-advances" align="center">
+            <button id="showAdvances" onClick="planner.showAdvances();"
+                image="/common/img/ico_progress.png"
+                style="width:46px"
+                tooltiptext="${i18n:_('Show/Hide Advances')}"
+                sclass="planner-command" />
+            <combobox id="cbProgressTypes" width="1px" visible="false" sclass="progress-types"/>
+        </hbox>
 
         <button id="showReportedHours" onClick="planner.showReportedHours();"
             image="/common/img/ico_costs.png"

navalplanner-webapp/src/main/webapp/common/css/navalplan_zk.css

@@ -1477,16 +1477,28 @@ display:none;
     left: -3px;
 }
 
+.progress-types {
+    margin-left:-10px;
+}
+
 .progress-types.z-combobox .z-combobox-inp {
-    width:0;
     margin:0;
     padding:0;
     border:0;
-    border-right: solid 1px #86A4BE;
     color: transparent;
     background: transparent;
+    border: 0;
+    border-width: 0;
+    outline: none;
+    text-indent: -200px;
 }
 
-.progress-types.z-combobox-focus {
-    border:0;
+.show-advances img  {
+    position:relative;
+    left: -8px;
 }
+
+.progress-types.z-combobox .z-combobox-img {
+    background-image: url(../img/small-combo-arrow.png);
+    border: 0;
+}