   []
   (let [search-input (re-frame/subscribe [:search-input])]
     (fn []
-      [:form
+      [:form {:style {:margin-bottom "1rem"}}
        [:div.row
         [:div {:class "six columns"}
          [:label {:for "search-courses"} "Course Search"]

  [course-ids]
  (let [courses (re-frame/subscribe [:courses])
        get-time (fn [cid] (get-in courses [cid :en :schedule]))]
    ))

(defn home-page []
  [:div.container
   [:div.row
    [:div {:course "nine column" :style {:margin-top "5%"}}
     [:h2 "KU Live"]
     [search-component]
     [courses-table-component]
     [courses-component]
     [:div.row [:a {:href "#/about"} "about"]]]]])

(defn about-page []

        search-input (re-frame/subscribe [:search-input])]
    (fn []
      [:table.u-full-width
       [:thead [:tr
                [:th "Name"]
                [:th "ID"]
                [:th "Professor"]
                [:th "Schedule"]
                [:th "Credits"]
                [:th "Type"]]]
       [:tbody
        (for [course (filter (partial matches-query? @search-input) @courses)]
          ^{:key (:number course)} [course-row-component course])]])))
