        [:&.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")}]

              :flex-direction :row
              :align-items :center
              :justify-content :space-between}
     [:.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}]
