# HG changeset patch
# User Goffi <goffi@goffi.org>
# Date 1530560100 -7200
# Node ID 79e9d7bcd96e3a14a2cc5a9391c7587615f08402
# Parent  b01b58d06894cdabf5facf5186d2c445ccb3d5c8
css: use inline-flex only for avatar--generated + added avatar--float-left

diff -r b01b58d06894 -r 79e9d7bcd96e sat_templates/default/chat/message.html
--- a/sat_templates/default/chat/message.html	Mon Jul 02 21:34:28 2018 +0200
+++ b/sat_templates/default/chat/message.html	Mon Jul 02 21:35:00 2018 +0200
@@ -3,7 +3,7 @@
 <p id="{{msg.id}}" class="msg_{{msg.type}} {{'own_msg' if msg.from_ == own_jid.full()}}">
     {%- if msg.type != C.MESS_TYPE_INFO %}
         {%- set author = identities[msg.from_].nick | default(msg.from_) -%}
-        {{ avatar.avatar(msg.from_) }}
+        {{ avatar.avatar(msg.from_, "avatar--float-left") }}
         <span class="msg_header">
             <span class="author">{{author}}</span>
             <span class="date">{{msg.timestamp|date_fmt('auto_day')}}</span>
diff -r b01b58d06894 -r 79e9d7bcd96e sat_templates/default/static/styles.css
--- a/sat_templates/default/static/styles.css	Mon Jul 02 21:34:28 2018 +0200
+++ b/sat_templates/default/static/styles.css	Mon Jul 02 21:35:00 2018 +0200
@@ -239,14 +239,23 @@
 .avatar {
     height: 2rem;
     width: 2rem;
-    display: inline-flex;
-    flex-direction: column;
     align-content: center;
     justify-content: center;
     background: #ccc;
     border-radius: 0.2rem;
 }
 
+.avatar--generated{
+    display: inline-flex;
+    flex-direction: column;
+}
+
+.avatar--float-left {
+    float: left;
+    margin-top: 0.3em;
+    margin-right: 0.5em;
+}
+
 .avatar__content {
 
 }