Cyclades UI machine create view improvement

- widen up view
- prettier (no scroll) compact flavor list style, when flavor options
  are too many to display in a single row

snf-cyclades-app/synnefo/ui/static/snf/css/main.css

@@ -4550,6 +4550,10 @@ table.list-machines .wave {
     width: 600px;
 }
 
+.overlay.overlay-createvm {
+    width: 640px;
+}
+
 .overlay a {
     color: #387693;
 }
@@ -5110,7 +5114,7 @@ table.list-machines .wave {
 }
 
 .overlay-createvm .container {
-    width: 584px !important;
+    width: 624px !important;
 }
 
 .create-vm .header-step.current {
@@ -5312,7 +5316,7 @@ table.list-machines .wave {
 .create-vm .create-step-cont {
     min-height: 250px;
     float: left;
-    width: 584px;
+    width: 624px;
 }
 
 .create-vm .create-controls {
@@ -5460,6 +5464,11 @@ table.list-machines .wave {
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1E7F0', endColorstr='#E8F4FA', GradientType=0);
 }
 
+.create-vm .flavor-opts-list.compact li {
+    padding: 7px 9px;
+    margin-right: 7px;
+}
+
 .create-vm .flavor-options-cont .flavor-options {
     margin-bottom: 2px;
 }
@@ -5672,6 +5681,7 @@ table.list-machines .wave {
     font-size: 0.8em;
 }
 
+
 .create-vm .select-image.wide .images-info-cont .image-detail {
 }
 
@@ -5681,6 +5691,13 @@ table.list-machines .wave {
     padding-right: 3%;
 }
 
+.flavors-predefined-cont {
+
+}
+
+.flavor-options-cont {
+}
+
 .create-vm .select-image.wide .images-info-cont {
     position: absolute;
     width: 88%;
@@ -5802,7 +5819,7 @@ table.list-machines .wave {
 }
 
 #createvm-overlay-content {
-    width: 584px;
+    width: 624px;
     overflow: hidden;
 }
 
@@ -5864,7 +5881,7 @@ table.list-machines .wave {
 .create-vm .steps-history .steps-history-cont.current {
     background-color: #A1C8DB;
     color: #fff;
-    width: 428px;
+    width: 468px;
 }
 
 .create-vm .steps-history-step {

snf-cyclades-app/synnefo/ui/static/snf/js/ui/web/ui_create_view.js

@@ -754,15 +754,14 @@
                 if (el.hasClass("disk_template")) { self.last_choice = ["disk_template", $(this).data("value")] }
 
                 self.update_selected_from_ui();
-            })
+            });
 
-            //this.$(".flavor-options li.disk_template.option").mouseover(function(){
-                //$(this).parent().find(".description").hide();
-                //$(this).find(".description").show();
-            //}).mouseout(function(){
-                //$(this).parent().find(".description").hide();
-                //$(this).parent().find(".selected .description").show();
-            //});
+            $(".flavor-opts-list").each(function(){
+              var el = $(this);
+              if (el.find(".option").length > 6) {
+                el.addClass("compact");
+              }
+            });
         },
 
         sort_flavors: function(els) {