app/static/css/editor.css

@@ -2,13 +2,12 @@
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
+  align-items: flex-end;
 }
 .editor .btn-group .filler {
   flex-grow: 1;
 }
 .editor .btn-group button {
-  width: 32px;
-  height: 32px;
   padding: 6px;
   background-color: var(--background);
 }
@@ -26,6 +25,10 @@
 .editor .btn-group button,
 .editor .btn-group .separator {
   margin: 0 8px 8px 0;
+  height: 32px;
+}
+.editor .btn-group > a {
+  margin: 0 0 8px 0;
 }
 .editor textarea {
   min-height: 15rem;

app/static/less/editor.less

@@ -5,13 +5,12 @@
 		display: flex;
 		justify-content: space-between;
 		flex-wrap: wrap;
+		align-items: flex-end;
 
 		.filler {
 			flex-grow: 1;
 		}
 		button {
-			width: 32px;
-			height: 32px;
 			/* This centers the 20x20 SVG in the button */
 			padding: 6px;
 			background-color: var(--background);
@@ -32,6 +31,10 @@
 
 		button, .separator {
 			margin: 0 8px 8px 0;
+			height: 32px;
+		}
+		& > a {
+			margin: 0 0 8px 0;
 		}
 	}
 

app/templates/widgets/editor.html

@@ -114,6 +114,7 @@
 			</button>
 
 			<div class="filler"></div>
+			<a href="#">Aide</a>
 		</div>
 
 		<!-- Field & desc -->