web - layout update

bin/web/views/blocks/nav.pug

@@ -1,25 +1,25 @@
 mixin navItem(name, id, symbol, href)
 	li(title=name, id=id)
 		a(href=href)
-			i.fas.fa-fw(class=symbol)
+			i.fa-fw(class=symbol)
 			span= name
 
 // Navigation
 nav(uk-navbar).uk-navbar-container
-	.uk-navbar-left
+	.uk-navbar-left.uk-margin-left
 		ul.uk-navbar-nav
 			li(title="authRXBN")
 				a(href="/", style="text-transform: unset")
 					span authRXBN
-	.uk-navbar-right
+	.uk-navbar-right.uk-margin-right
 		ul.uk-navbar-nav
 			if(user)
-				+navItem("Apps", "apps", "fa-tachometer-alt", "/")
-				+navItem("Configs", "configs", "fa-wrench", "/configs")
+				+navItem("Apps", "apps", "fas fa-tachometer-alt", "/")
+				+navItem("Configs", "configs", "fas fa-wrench", "/configs")
 			else
-				+navItem("Register", "register", "fa-user-plus", "/register")
-				+navItem("Login", "login", "fa-sign-in", "/login")
-				+navItem("Forgot your password?", "reset", "fa-key", "/reset")
+				+navItem("Register", "register", "fas fa-user-plus", "/register")
+				+navItem("Login", "login", "far fa-arrow-alt-circle-right", "/login")
+				+navItem("Forgot your password?", "reset", "fas fa-key", "/reset")
 div
 	- var breadcrumb_isSet = typeof breadcrumb !== 'undefined';
 	if(breadcrumb_isSet)

res/web/css/stylesheet.css

@@ -11,3 +11,12 @@
 .uk-breadcrumb a:hover {
 	color: #666;
 }
+
+.uk-navbar a i {
+	margin-right: .2em;
+	transition: all .1s cubic-bezier(0.65, 0.05, 0.36, 1);
+}
+.uk-navbar a:hover i {
+	margin-top: .1em;
+	font-size: 1.4em;
+}