Add alert messages

ember/app/styles/app.less

@@ -18,6 +18,7 @@
 
 // Finally, with our vendor CSS loaded, we can import Flarum-specific stuff.
 @import "@{flarum-base}components.less";
+@import "@{flarum-base}alerts.less";
 @import "@{flarum-base}modals.less";
 @import "@{flarum-base}layout.less";
 @import "@{flarum-base}composer.less";

ember/app/styles/flarum/alerts.less

@@ -0,0 +1,57 @@
+.alerts {
+	position: fixed;
+	bottom: 20px;
+	left: 20px;
+
+	& .alert {
+		display: inline-block;
+		.box-shadow(0 2px 6px rgba(0, 0, 0, 0.3));
+		margin-top: 20px;
+	}
+}
+.alert {
+	padding: 12px 16px;
+	border-radius: @border-radius-base;
+	background: #FFF2AE;
+	&, & a, & a:hover {
+		color: #AD6C00;
+	}
+}
+.alert-warning {
+	background: #D83E3E;
+	&, & a, & a:hover {
+		color: #fff;
+	}
+}
+.alert-controls {
+	list-style-type: none;
+	padding: 0;
+	margin: 0 -8px 0 8px;
+	display: inline-block;
+
+	& li {
+		display: inline-block;
+		margin: 0 5px;
+	}
+	& a {
+		text-transform: uppercase;
+		font-size: 12px;
+		font-weight: bold;
+	}
+	& .btn {
+		margin: -10px;
+	}
+}
+.form-group { // probably move this elsewhere
+	position: relative;
+}
+.form-alert {
+	position: absolute;
+	bottom: 100%;
+	left: 0;
+	right: 0;
+	margin-bottom: 12px;
+	& .alert {
+		display: inline-block;
+	}
+}

ember/app/styles/flarum/components.less

@@ -31,6 +31,12 @@
 		display: none;
 	}
 }
+.btn-user {
+	& .avatar {
+		margin: -2px 5px -2px -5px;
+		.avatar-size(24px);
+	}
+}
 
 // Redefine Bootstrap's mixin to make some general changes
 .button-variant(@color; @background; @border) {

ember/app/styles/flarum/login.less

@@ -1,32 +0,0 @@
-.modal-login {
-	& .form-group {
-		margin-bottom: 12px;
-	}
-}
-.form-group {
-	position: relative;
-}
-.form-alert {
-	position: absolute;
-	bottom: 100%;
-	left: 0;
-	right: 0;
-	margin-bottom: 12px;
-	& .alert {
-		display: inline-block;
-	}
-}
-.alert-warning {
-	background: #D83E3E;
-	.box-shadow(0 2px 6px rgba(0, 0, 0, 0.3));
-	color: #fff;
-	padding: 12px 16px;
-	border-radius: @border-radius-base;
-}
-
-.btn-user {
-	& .avatar {
-		margin: -2px 5px -2px -5px;
-		.avatar-size(24px);
-	}
-}