Authorization dialog redesign

views/authorization.pug

@@ -1,13 +1,17 @@
 extends layout
 block title
-	|Icy Network - Authorize Client
+	|Icy Network - Authorize Application
 
 block body
-	.wrapper
+	.container.mb-4.mt-4
-		.boxcont
+		h1 Authorize Application
-			.box#login
+		p 
-				h1 Authorize OAuth2 Application
+			b= client.title
-				.left
+			|  wants you to give them access to your user details and authenticate you, without giving them your password. The list of things 
+			b=client.title
+			|  can and cannot do are provided below.
+		.row.mb-2
+			.col
 				.application
 					.picture
 						if client.icon
@@ -19,15 +23,16 @@ block body
 						.name= client.title
 						.description= client.description
 						a.url(href=client.url, target="_blank", rel="nofollow")= client.url
-					form#loginForm(method="POST", action="")
+				form(method="POST", action="")
 					input(type="hidden", name="csrf", value=csrf)
 					input(type="hidden", name="decision", value='1')
-						input.authorize(type="submit", value="Authorize")
+					button.btn.btn-success(type="submit") Authorize Access
-					form#loginForm(method="POST", action="")
+				p
+				form(method="POST", action="")
 					input(type="hidden", name="csrf", value=csrf)
 					input(type="hidden", name="decision", value='0')
-						input.deny(type="submit", value="Deny")
+					button.btn.btn-danger(type="submit") Deny Access
-				.right
+			.col
 				.haveaccess 
 					span This application can
 					ul.nobulletin
@@ -51,11 +56,8 @@ block body
 						li 
 							i.fa.fa-fw.fa-gears
 							|Change your Account Settings
-				if client.verified != 1
+		.alert.alert-info
-					.unaffiliated
+			b Note! 
-						br
+			|You can revoke #{client.title} at any time from your 
-						span
+			a(href="/user/manage") Account Settings
-							i.fa.fa-fw.fa-warning
+			|.
-							|This application is not affiliated with Icy Network
-							i.fa.fa-fw.fa-warning
-