Scaled down avatar by new message box

static/cranefly/css/cranefly.css

@@ -1110,10 +1110,10 @@ a.btn-link:hover,a.btn-link:active,a.btn-link:focus{opacity:0.9;filter:alpha(opa
 .thread-body .post-checkpoints .post-checkpoint span{background-color:#fbfbfb;padding:0px 14px;color:#999999;}.thread-body .post-checkpoints .post-checkpoint span a{color:#333333;}
 .thread-body .post-checkpoints .post-checkpoint span i{opacity:0.43;filter:alpha(opacity=43);}
 .thread-moderation{background-color:#ffffff;border:1px solid #d5d5d5;border-radius:3px;-webkit-box-shadow:0px 0px 0px 3px #eeeeee;-moz-box-shadow:0px 0px 0px 3px #eeeeee;box-shadow:0px 0px 0px 3px #eeeeee;margin-bottom:20px;overflow:auto;padding:7px;}.thread-moderation form{margin:0px;}
-.thread-quick-reply{overflow:auto;margin-top:20px;}.thread-quick-reply .user-avatar{border-radius:3px;float:left;width:125px;height:125px;}
-.thread-quick-reply .editor{margin-left:153px;position:relative;}.thread-quick-reply .editor:after,.thread-quick-reply .editor:before{right:100%;border:solid transparent;content:"";height:0;width:0;position:absolute;pointer-events:none;}
-.thread-quick-reply .editor:after{border-color:transparent;border-right-color:#ffffff;border-width:14px;top:7px;margin-top:7px;}
-.thread-quick-reply .editor:before{border-color:transparent;border-right-color:#e6e6e6;border-width:15px;top:7px;margin-top:6px;}
+.thread-quick-reply{overflow:auto;margin-top:20px;}.thread-quick-reply .user-avatar{border-radius:3px;float:left;width:100px;height:100px;}
+.thread-quick-reply .editor{margin-left:121px;position:relative;}.thread-quick-reply .editor:after,.thread-quick-reply .editor:before{right:100%;border:solid transparent;content:"";height:0;width:0;position:absolute;pointer-events:none;}
+.thread-quick-reply .editor:after{border-color:transparent;border-right-color:#ffffff;border-width:10.5px;top:14px;margin-top:0px;}
+.thread-quick-reply .editor:before{border-color:transparent;border-right-color:#e6e6e6;border-width:11.5px;top:14px;margin-top:-1px;}
 .post-votes-list .vote-user,.post-votes-list .vote-user:link,.post-votes-list .vote-user:visited{display:block;color:#555555;font-size:17.5px;font-weight:bold;}
 .post-votes-list .vote-user .vote-icon{background-color:#999999;border-radius:3px;padding:2px 3px;position:relative;bottom:1.75px;font-size:14px;}.post-votes-list .vote-user .vote-icon i{background-image:url("../img/glyphicons-halflings-white.png");}
 .post-votes-list a.vote-user:hover,.post-votes-list a.vote-user:active{color:#333333;text-decoration:none;}

static/cranefly/css/cranefly/thread.less

@@ -421,12 +421,12 @@
   .user-avatar {
     border-radius: @baseBorderRadius;
     float: left;
-    width: 125px;
-    height: 125px;
+    width: 100px;
+    height: 100px;
   }
 
   .editor {
-    margin-left: 125px + (@baseFontSize * 2);
+    margin-left: 100px + (@baseFontSize * 1.5);
     position: relative;
 
     &:after, &:before {
@@ -441,17 +441,17 @@
     &:after {
       border-color: transparent;
       border-right-color: @editorBackground;
-      border-width: @baseFontSize;
-      top: @baseFontSize / 2;
-      margin-top: ((@baseFontSize / 2) * -1) + @baseFontSize;
+      border-width: @fontSizeMini;
+      top: @baseFontSize;
+      margin-top: (@baseFontSize * -1) + @baseFontSize;
     }
 
     &:before {
        border-color: transparent;
        border-right-color: darken(@editorBackground, 10%);
-       border-width: @baseFontSize + 1;
-       top: @baseFontSize / 2;
-       margin-top: ((@baseFontSize / 2) * -1) + @baseFontSize - 1px;
+       border-width: @fontSizeMini + 1;
+       top: @baseFontSize;
+       margin-top: (@baseFontSize * -1) + @baseFontSize - 1px;
     }
   }
 }

templates/cranefly/threads/thread.html

@@ -399,7 +399,7 @@
     <form action="{% url 'thread_reply' thread=thread.pk, slug=thread.slug %}" method="post">
       <input type="hidden" name="{{ csrf_id }}" value="{{ csrf_token }}">
       <input type="hidden" name="quick_reply" value="1">
-      <img src="{{ user.get_avatar() }}" alt="{% trans %}Your Avatar{% endtrans %}" class="user-avatar">
+      <img src="{{ user.get_avatar(100) }}" alt="{% trans %}Your Avatar{% endtrans %}" class="user-avatar">
       {{ editor.editor(quick_reply.post, _('Post Reply'), extra=editor_extra()) }}
     </form>
   </div>