               :flex-direction :row
               :align-items :center
               :justify-content :space-between}
-     [:>span {:overflow :hidden
-              :text-overflow :ellipsis
-              :white-space :nowrap}]
+     [:.title :.editable {:flex-grow 2}]
+     [:span {:overflow :hidden
+             :text-overflow :ellipsis
+             :white-space :nowrap}]
      [:>a.show {:font-size (pt 8)
                 :padding (px 12)
                 :text-decoration :underline}]

       [:&.right {:background-image (image-url "material/page-rotate-right.svg")}]
       [:&.left {:background-image (image-url "material/page-rotate-left.svg")}]]])])

;; [:&.inbox {:background
;; [:&.active {:background-color blue-background}
;;         [:&.inbox {:background {:image (image-url "menu-icons/inbox-active.svg")}}]]
;;; Workflows

(def document-width 250)

       [:.rotate {:display :flex
                  :padding-left (px padding)}]
       [:.left :.right :.delete {:width (px button-height)
                                 :height (px button-height)
                                 :text-align :center
                                 :cursor :pointer
                                 :opacity 0.3
                                 :user-select :none
                                 :background {:repeat :no-repeat
                                              :position :center}}
        ;; Give buttons full opacity when hovered
        [:&:hover {:opacity 1}]
        [:&.right {:background-image (image-url "material/page-rotate-right.svg")}]
