add better temporary pet positioning

styles/app/items.styl

@@ -82,7 +82,10 @@
       outline-offset: -1px
     &:hover, &:focus
       background-color: darken($better, 10%)
-                        
+
+.current-pet
+    left: 0px
+    bottom: 5px
 
 .item-drop-icon
     float:left

views/app/avatar.html

@@ -55,20 +55,20 @@
                             </div>
                         ">
         <div class='character-sprites'>
-            {#if and(@profile.items.currentPet, not(@minimal))}
-            <span class="Pet-{_user.items.currentPet.name}-{_user.items.currentPet.modifier}" ></span>
-            {/}
             {#with @profile.preferences as :p}
-            <span class='{:p.gender}_skin_{:p.skin}'></span>
-            <span class='{:p.gender}_hair_{:p.hair}'></span>
-            <span class="{equipped(@profile, 'armor')}"></span>
-            {#if :p.showHelm}
-                <span class="{equipped(@profile, 'head')}"></span>
-            {else}
-                <span class="{:p.gender}_head_0"></span>
+                <span class='{:p.gender}_skin_{:p.skin}'></span>
+                <span class='{:p.gender}_hair_{:p.hair}'></span>
+                <span class="{equipped(@profile, 'armor')}"></span>
+                {#if :p.showHelm}
+                    <span class="{equipped(@profile, 'head')}"></span>
+                {else}
+                    <span class="{:p.gender}_head_0"></span>
+                {/}
+                <span class='{:p.gender}_shield_{@profile.items.shield}'></span>
+                <span class='{:p.gender}_weapon_{@profile.items.weapon}'></span>
             {/}
-            <span class='{:p.gender}_shield_{@profile.items.shield}'></span>
-            <span class='{:p.gender}_weapon_{@profile.items.weapon}'></span>
+            {#if and(@profile.items.currentPet, not(@minimal))}
+                <span class="Pet-{_user.items.currentPet.name}-{_user.items.currentPet.modifier} current-pet" ></span>
             {/}
         </div>
     </figure>