                  :color default-text
                  :letter-spacing (px 0.8)}]
    [:#app {:height "100%"}
-    [:.container {:height "100%"}]
+    [:.container {:height "100%"
+                  :display :flex
+                  :flex-direction :row}]
     [:&.file-drop
      {:background "red"}]
     clear-a-css

  (list
   generic-header-css
   [:header {:text-decoration :none
             :font-size (em 1.2)}
    ;; Logo
    (let [logo-width 38]
      [:.logo {:float :left
               :margin-top (px 10)
               :width (px logo-width)
               :height (px logo-width)}])
    [:span {:padding-left (px 5)}
     [:&.brand {:font-weight 400}]]]))

  (let [search-padding 10]
    [:.search {:height (px height)
               :position :relative
               :border-bottom (str "1px solid " border-dark)
               :display :flex
               :align-items :center
               :justify-content :space-around}
     [:input {:margin {:left (px search-padding)
                       :right (px search-padding)}
              :width "100%"
              :border (str "1px solid " border-dark)}]]))

(def sidebar-css
  (let [search-height 50]
    [:#sidebar {:height "100%"
                :display :flex
                :background-color sidebar-color
                :border-right (str "1px solid " border-dark)
                :position :relative
                :flex-direction :column}
     (draggable-css :right)
     sidebar-header-css
     (sidebar-search-css search-height)
