Fix avatar/timestamp on small display

1 files changed, 10 insertions, 9 deletions

diff --git a/juick-www/src/main/resources/views/pm_inbox.html b/juick-www/src/main/resources/views/pm_inbox.html
index d53c81ba..d8fbf4ce 100644
--- a/juick-www/src/main/resources/views/pm_inbox.html
+++ b/juick-www/src/main/resources/views/pm_inbox.html
@@ -5,15 +5,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>
 
             <form action="/pm/send" method="POST" enctype="multipart/form-data">
@@ -33,4 +34,4 @@
 {% endblock %}
 {% block "column" %}
 {% include "views/partial/homecolumn.html" %}
-{% endblock %}
\ No newline at end of file
+{% endblock %}