Add avatar arrows to new both new issue comment forms

public/less/_repository.less

@@ -268,9 +268,14 @@
 			}
 			.content {
 				margin-left: 4em;
+				#avatararrow;
+				&:after {
+					border-right-color: #fff;
+				}				
 				.markdown {
 					font-size: 14px;
 				}
+				
 			}
 			.metas {
 				min-width: 220px;
@@ -376,26 +381,7 @@
 				.content {
 					margin-left: 4em;
 					.header {
-						&:before, &:after {
+						#avatararrow;
-							right: 100%;
-							top: 50%;
-							border: solid transparent;
-							content: " ";
-							height: 0;
-							width: 0;
-							position: absolute;
-							pointer-events: none;
-						}
-						&:before {
-							border-right-color: #D4D4D5;
-							border-width: 9px;
-							margin-top: -9px;
-						}	
-						&:after {
-							border-right-color: #f7f7f7;
-							border-width: 8px;
-							margin-top: -8px;
-						}					
 						font-weight: normal;
 						padding: auto 15px;
 						position: relative;
@@ -498,6 +484,12 @@
 			.field:first-child {
 				clear: none;
 			}
+			.form {
+				#avatararrow;
+				&:after {
+					border-right-color: #fff;
+				}
+			}
 			.tab.segment {
 				border: none;
 				padding: 0;
@@ -1249,6 +1241,29 @@
 	}
 }
 
+#avatararrow {
+	&:before, &:after {
+		right: 100%;
+		top: 20px;
+		border: solid transparent;
+		content: " ";
+		height: 0;
+		width: 0;
+		position: absolute;
+		pointer-events: none;
+	}
+	&:before {
+		border-right-color: #D4D4D5;
+		border-width: 9px;
+		margin-top: -9px;
+	}	
+	&:after {
+		border-right-color: #f7f7f7;
+		border-width: 8px;
+		margin-top: -8px;
+	}
+}
+
 #transfer-repo-modal,
 #delete-repo-modal {
 	.ui.message {