             (dom/div #js {:className "lesson-content"}
               (if item
                 (lesson-playlist-item item))
-              (dom/div nil
-                (dom/button #js {:onClick  #(set-selected (dec selected-index))
-                                 :disabled (= 0 selected-index)} "<<")
-                (dom/button #js {:style    #js {:float "right"} :onClick #(set-selected (inc selected-index))
-                                 :disabled (= (dec (count playlist-items)) selected-index)} ">>")))))))))
+              (dom/div #js {:className "classroom-slider coda-slider-wrapper arrows" :style #js {:padding 0}}
+                (dom/div #js {:className "coda-nav-left", :id "coda-nav-left-1"}
+                  (dom/a #js {:href     "#"
+                              :onClick  #(set-selected (dec selected-index))
+                              :disabled (= 0 selected-index)}
+                    "«"))
+                (dom/div #js {:className "coda-slider", :id "coda-slider-1", :style {:height 169}}
+                  (dom/div #js {:className "panel", :style {:display "block"}}
+                    (dom/div #js {:className "panel-wrapper"})))
+                (dom/div #js {:className "coda-nav-right", :id "coda-nav-right-1"}
+                  (dom/a #js {:href     "#"
+                              :onClick  #(set-selected (inc selected-index))
+                              :disabled (= (dec (count playlist-items)) selected-index)}
+                    "»"))))
+            (lesson-pagination pagination)))))))
 
 (def lesson-playlist (om/factory LessonPlaylist))
 

  static om/IQuery
  (query [_] [:lesson/type :lesson/description :ui/selected-index :db/id
              {:lesson/playlist-items (om/get-query LessonPlaylistItem)}
              {:lesson/topic (om/get-query LessonTopicMenu)}])

  Object
  (render [this]
    (let [{:keys [db/id lesson/topic lesson/type lesson/playlist-items ui/selected-index]} (om/props this)
          selected-index (or selected-index 0)
          item (nth (vec playlist-items) selected-index)
          set-selected (fn [n]

        (dom/div #js {:className "container wrapper"}
          (dom/div #js {:className "inner_content"}
            (dom/div #js {:className "row"}
              (testimonial {:quote  "Watching your videos made music seem a lot less like sorcery, they do make it much more magical though."
                            :person "Kristian Theisson, Dave Conservatoire student"})
              (testimonial {:quote  "Wishing you all the best with Dave Conservatoire. I'll be sure to share it with my colleagues."
                            :person "Martin Bean, Vice Chancellor, Open University"})
              (testimonial {:quote  "The stuff you're doing is super cool! I hope we get the chance to meet and/or collaborate in the not-too-far-off future."
                            :person "Salman Khan, Founder, Khan Academy"}))))
        (get-started)))))

(defmethod r/route->component ::r/about [_] AboutPage)
