Better section actions speccing

app/assets/javascripts/supplier/app/templates/section.emblem

@@ -21,14 +21,14 @@
           a href="{{route 'qr_codes_suppliers_tables_path' section_id=id}}" {{t 'tables.qr_codes.link'}}
         li
           a href="{{route 'suppliers_section_path' id}}" data-method="delete" data-confirm="{{t 'helpers.links.are_you_sure' bare=true}}" {{t 'helpers.links.destroy'}}
-    view Ember.TextField valueBinding="title"
-    view Ember.TextField valueBinding="width" classNames="dimension"
+    view Ember.TextField valueBinding="title" class="section-edit-title-field"
+    view Ember.TextField valueBinding="width" class="dimension section-edit-width-field"
     span x
-    view Ember.TextField valueBinding="height" classNames="dimension"
-    a.btn.btn-mini{ action finishEditable }
+    view Ember.TextField valueBinding="height" class="dimension section-edit-height-field"
+    a.btn.btn-mini.section-normal-mode-button{ action finishEditable }
       span.icon-ok
   else
-    a.btn.btn-mini{ action makeEditable }
+    a.btn.btn-mini.section-edit-mode-button{ action makeEditable }
       span.icon-pencil
 each table in tables
   view 'Qsupplier.App.SectionTableView' contentBinding="table"

app/assets/javascripts/supplier/app/views/section_tab_header_view.js.coffee

@@ -2,6 +2,9 @@ Qsupplier.App.SectionTabHeaderView = Ember.View.extend DragNDrop.Droppable,
   template: Ember.Handlebars.compile('{{view.content.title}}')
   tagName: 'a'
   attributeBindings: ['href']
+  classNameBindings: ['section_header_class']
+
+  section_header_class: (-> "section-tab-header-#{@get('content.id')}").property()
   href: (-> Routes.suppliers_section_path(@content.id)).property()
   dragEntered: (view)->
     return false