Fix avatar/timestamp on small display

1 files changed, 9 insertions, 12 deletions

diff --git a/juick-www/src/main/resources/views/pm_sent.html b/juick-www/src/main/resources/views/pm_sent.html
index fc65a4fd..e03b3a7d 100644
--- a/juick-www/src/main/resources/views/pm_sent.html
+++ b/juick-www/src/main/resources/views/pm_sent.html
@@ -12,19 +12,16 @@
     {% for msg in msgs %}
     <li class="msg">
         <div class="msg-cont">
-            <div class="msg-ts">{{ msg.getDate() }}</div>
-            <div class="msg-avatar">
-                <a href="/{{ msg.getUser().getUName() }}/">
-                    <img src="//i.juick.com/a/{{ msg.getUser().getUID() }}.png" alt="{{ msg.getUser().getUName() }}"/>
-                </a>
-            </div>
-            <div class="msg-header">
-                <a href="/{{ msg.getUser().getUName() }}/">@{{ msg.getUser().getUName() }}</a>:
+        	<div class="msg-header">
+                @<a href="/{{ msg.getUser().getUName() }}/">{{ msg.getUser().getUName() }}</a>:
+                <div class="msg-avatar">
+                	<a href="/{{ msg.getUser().getUName() }}/">
+                    	<img src="//i.juick.com/a/{{ msg.getUser().getUID() }}.png" alt="{{ msg.getUser().getUName() }}"/>
+                	</a>
+            	</div>
+            	<div class="msg-ts">{{ msg.getDate() }}</div>
             </div>
             <div class="msg-txt">{{ msg.getText() | raw }}</div>
-
-            
-
         </div>
     </li>
     {% endfor %}
@@ -33,4 +30,4 @@
 {% endblock %}
 {% block "column" %}
 {% include "views/partial/homecolumn.html" %}
-{% endblock %}
\ No newline at end of file
+{% endblock %}