             [braid.client.ui.styles.hljs :refer [hljs-styles]]
             [garden.arithmetic :as m]
             [garden.units :refer [rem px]]))
+
+(def message-left-pad  (m/+ avatar-size (rem 0.5)))
 
 (def message
   [:.message


    [:&.inline
     {:padding "0.25em 0.5em"
      :display "inline-block"}]

    [:&.multiline
     {:display "block"
      :text-overflow "ellipsis"
      :white-space "pre"
      :word-break "normal"
      :width "100%"
      :overflow-x "hidden"
      :box-sizing "border-box"
      :padding "0.5em"}

     [:&:hover
      {:text-overflow "initial"
       :overflow-x "scroll"}]]]])

    {:white-space "pre-wrap"
     :word-break "break-word"
     :display "inline-block"
     :padding-left message-left-pad
     :width "100%"
     :box-sizing "border-box"
     :line-height "1.25em"
