    :font-size   12
    :color       colors/text-gray})
 
-(defn group-message-wrapper [message]
+(defn group-message-wrapper [{:keys [outgoing] :as message}]
   (merge {:flex-direction :column}
+         (if outgoing
+           {:margin-left 64}
+           {:margin-right 64})
          (last-message-padding message)))
 
 (defn timestamp-content-wrapper [{:keys [outgoing]}]

(defn group-message-view
  [outgoing message-type]
  (let [align (if outgoing :flex-end :flex-start)]
    {:flex-direction :column
     :width          320
     :padding-left   8
     :padding-right  8
     :align-items    align}))

(defn delivery-status [outgoing]
  (if outgoing

  (let [align (if outgoing :flex-end :flex-start)
        direction (if outgoing :row-reverse :row)]
    (merge {:flex-direction direction
            :padding-top    (message-padding-top message)
            :align-self     align
            :align-items    align}
           (when display-photo?
             {:padding-left  8}))))

(def message-timestamp
  {:font-size      10
