dashboard: touches to tour

circle/dashboard/static/dashboard/dashboard.css

@@ -548,3 +548,7 @@ footer a, footer a:hover, footer a:visited {
 .table-sorting {
   display: none;
 }
+
+#ops {
+  padding: 15px 0 15px 15px;
+}

circle/dashboard/static/dashboard/vm-tour.js

-/* TODO i18n
- * https://docs.djangoproject.com/en/1.5/topics/i18n/translation/#internationalization-in-javascript-code
- */
 $(function() {
   $(".vm-details-start-template-tour").click(function() {
     ttour = createTemplateTour();
@@ -101,8 +98,8 @@ function createTemplateTour() {
 
 
   ttour.addStep({
-    element: ".operation-deploy",
-    title: gettext("Deploy"),
+    element: "#ops",
+    title: '<i class="icon-play"></i> ' + gettext("Deploy"),
     placement: "left",
     backdrop: true,
     content: gettext("Deploy the virtual machine."),
@@ -125,8 +122,8 @@ function createTemplateTour() {
   });
 
   ttour.addStep({
-    element: ".operation-save_as_template",
-    title: gettext("Save as"),
+    element: "#ops",
+    title: '<i class="icon-save"></i> ' + gettext("Save as"),
     placement: "left",
     backdrop: true,
     content: gettext('Press the "Save as template" button and wait until the activity finishes.'),

circle/dashboard/templates/dashboard/vm-detail.html

@@ -32,7 +32,7 @@
 {% endif %}
 <div class="body-content">
   <div class="page-header">
-    <div class="pull-right" style="padding-top: 15px;" id="ops">
+    <div class="pull-right" id="ops">
       {% include "dashboard/vm-detail/_operations.html" %}
     </div>
     <h1>