       ;; - Startlist (participants)
       (log "Selected class")
       (log selected-class)
-      (dom/div nil
-        (dom/h2 {:className "sub-header"} "Create new class")
+      (dom/div #js {:className "col-sm-12"}
+        (dom/div #js {:className "col-sm-offset-3"}
+          (dom/h3 {:className " sub-header"} "Create new class"))
+
         (dom/div #js {:className "container"}
           (dom/div #js {:className "form-horizontal"}
 


            ;; Create
            (dom/div #js {:className "form-group"}
              (dom/div #js {:className "col-sm-offset-2 col-sm-10"}
                (dom/button
                  #js {:className "btn btn-default"
                       :type      "submit"
                       :onClick   (fn [e]
                                    (om/transact!

    (let [dances (:dances (om/props this))
          ;{:keys [selected-class]} (om/get-computed this)
          selected-class (:selected-class (om/props this))
          selected-dance (:selected-dance (om/props this))]
      (log "DancesView")
      (log dances)
      (log selected-dance)
      (dom/div #js {:className "col-sm-12"}

        (dom/div #js {:className "col-sm-12"}
          (dom/div #js {:className "page-header"}
            (dom/div #js {:className "btn-toolbar pull-right"}
              (dom/div #js {:className "btn-group"}
                (dom/button #js {:type      "button"
                                 :className "btn btn-primary"
                                 :onClick   #(om/transact!
                                              this `[(app/select-page {:selected-page :create-class})
                                                     :app/selected-page])}
                            (dom/span #js {:className "glyphicon glyphicon-ok"})
                            " Done")))
            (dom/h1 nil "Dances")))

        (dom/div #js {:className "col-sm-6"}
          (dom/div #js {:className "col-sm-12"}
