From af60327f18a1b9a12330a14623c7c38958d12146 Mon Sep 17 00:00:00 2001
From: Tobias Markmann <tm@ayena.de>
Date: Wed, 6 Apr 2016 17:10:12 +0200
Subject: Move ack indicator position and reduce height of followup messages

This patch moves the message receipt/ack indicator into the
colored swatch right of the avatar. This allows followup
messages to be reduced in their height so they consume less
space.

Test-Information:

Tested 1-to-1 and MUC chats that the patch works as expected.

Change-Id: I8bb3ccdc36338b1c1f4361b323ca09ffac30336a

diff --git a/Swift/resources/themes/Default/Incoming/Content.html b/Swift/resources/themes/Default/Incoming/Content.html
index 05c9796..4f54cc4 100644
--- a/Swift/resources/themes/Default/Incoming/Content.html
+++ b/Swift/resources/themes/Default/Incoming/Content.html
@@ -3,13 +3,14 @@
     <div class="user">
         <div class="time">
             <p>%time%</p>
-            <span class="swift_ack"></span>
-            <span class="swift_receipt"></span>
         </div>
         <div class="otheravatar">
             <img src="%userIconPath%"/>
         </div>
-        <div class="otherright"></div>
+        <div class="otherright">
+            <span class="swift_ack"></span>
+            <span class="swift_receipt"></span>
+        </div>
     </div>
     <div class="text">
         <p class="otherusername">%wrapped_sender%</p>
diff --git a/Swift/resources/themes/Default/Incoming/NextContent.html b/Swift/resources/themes/Default/Incoming/NextContent.html
index af5ec2b..dedc56f 100644
--- a/Swift/resources/themes/Default/Incoming/NextContent.html
+++ b/Swift/resources/themes/Default/Incoming/NextContent.html
@@ -3,13 +3,14 @@
     <div class="user">
         <div class="time-additional">
             <p>%time%</p>
-            <span class="swift_ack"></span>
-            <span class="swift_receipt"></span>
         </div>
         <div class="systemavatar">
             <img/>
         </div>
-        <div class="systemright"></div>
+        <div class="systemright">
+            <span class="swift_ack"></span>
+            <span class="swift_receipt"></span>
+        </div>
     </div>
     <div class="text">
         <div class="message-content">%message%</div>
diff --git a/Swift/resources/themes/Default/Outgoing/Content.html b/Swift/resources/themes/Default/Outgoing/Content.html
index 7100748..439b5c2 100644
--- a/Swift/resources/themes/Default/Outgoing/Content.html
+++ b/Swift/resources/themes/Default/Outgoing/Content.html
@@ -3,13 +3,14 @@
     <div class="user">
         <div class="time">
             <p>%time%</p>
-            <span class="swift_ack"></span>
-            <span class="swift_receipt"></span>
         </div>
         <div class="myavatar">
             <img src="%userIconPath%"/>
         </div>
-        <div class="myright"></div>
+        <div class="myright">
+            <span class="swift_ack"></span>
+            <span class="swift_receipt"></span>
+        </div>
     </div>
     <div class="text">
         <p class="myusername">%wrapped_sender%</p>
diff --git a/Swift/resources/themes/Default/Outgoing/NextContent.html b/Swift/resources/themes/Default/Outgoing/NextContent.html
index 8795298..4fc703f 100644
--- a/Swift/resources/themes/Default/Outgoing/NextContent.html
+++ b/Swift/resources/themes/Default/Outgoing/NextContent.html
@@ -3,13 +3,14 @@
     <div class="user">
         <div class="time-additional">
             <p>%time%</p>
-            <span class="swift_ack"></span>
-            <span class="swift_receipt"></span>
         </div>
         <div class="systemavatar">
             <img/>
         </div>
-        <div class="systemright"></div>
+        <div class="systemright">
+            <span class="swift_ack"></span>
+            <span class="swift_receipt"></span>
+        </div>
     </div>
     <div class="text">
         <div class="message-content">%message%</div>
diff --git a/Swift/resources/themes/Default/main.css b/Swift/resources/themes/Default/main.css
index 97888c5..83b1561 100644
--- a/Swift/resources/themes/Default/main.css
+++ b/Swift/resources/themes/Default/main.css
@@ -73,8 +73,11 @@ body {
 
 /* Left column content */
 
-.user {
+:not(.additional) > .user {
     height: 32px;
+}
+
+.user {
     width: 175px;
     text-align: center;
     float: left;
@@ -98,7 +101,6 @@ body {
 }
 
 .time-additional {
-    height: 32px;
     width: 103px;
     float: left;
     text-align: right;
@@ -168,8 +170,11 @@ body {
     background: #6eb6ce;
 }
 
-.systemavatar {
+:not(.additional) > div > .systemavatar {
     height: 32px;
+}
+
+.systemavatar {
     width: 32px;
     display: inline-block;
     margin:0 auto;
@@ -178,17 +183,23 @@ body {
     border-bottom-left-radius: 50%;
 }
 
+:not(.additional) > div > .systemright {
+    height: 32px;
+}
+
 .systemright {
     float:right;
-    width:40px;
-    height: 32px;
+    width: 40px;
     background: #595959;
 }
 
 /* Right column content */
 
-.text {
+.message:not(.additional) .text {
     min-height: 32px;
+}
+
+.text {
     margin-left: 175px;
     font-size: 14px;
     color: #595959;
-- 
cgit v0.10.2-6-g49f6