Merge pull request #2576 from chriswatt/commentarrows

Add avatar arrows to both pull request and issue forms

public/less/_repository.less

@@ -268,6 +268,10 @@
 			}
 			.content {
 				margin-left: 4em;
+				#avatar-arrow;
+				&:after {
+					border-right-color: #fff;
+				}				
 				.markdown {
 					font-size: 14px;
 				}
@@ -376,26 +380,7 @@
 				.content {
 					margin-left: 4em;
 					.header {
-						&:before, &:after {
-							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;
-						}					
+						#avatar-arrow;
 						font-weight: normal;
 						padding: auto 15px;
 						position: relative;
@@ -498,6 +483,12 @@
 			.field:first-child {
 				clear: none;
 			}
+			.form {
+				#avatar-arrow;
+				&:after {
+					border-right-color: #fff;
+				}
+			}
 			.tab.segment {
 				border: none;
 				padding: 0;
@@ -597,6 +588,14 @@
 				padding-right: 10px;
 			}
 		}
+		.comment.form {
+			.content {
+				#avatar-arrow;
+				&:after {
+					border-right-color: #fff;
+				}
+			}
+		}
 	}
 
 	.filter.dropdown .menu {
@@ -1249,6 +1248,29 @@
 	}
 }
 
+#avatar-arrow {
+	&: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 {