Looks better now and includes icon

Author: M4ttoF

app/resources/assets/sass/_sign_in.scss

@@ -23,6 +23,18 @@
 			padding-top: 15px;
 		}
 	}
+	.capsLock{
+		font-style: italic;
+		margin-bottom: 0px;
+		margin-top: 3px;
+		padding-top: 5px;
+		padding-bottom: 5px;
+		padding-right: 0px;
+		display: none;
+	}
+	.fa-exclamation-circle {
+		margin-left: 10px;
+	}
 
 	.remember-password {
 		padding-top: 10px;

app/resources/views/pages/signin.blade.php

@@ -1,8 +1,6 @@
 @extends('layouts.default', ['body_class' => 'nav-profile'])
 @section('content')
-	<link href="/css/jquery/jquery-ui.css" rel="stylesheet" type="text/css">
-	<script src="/css/jquery/external/jquery/jquery.js"></script>
-	<script src="/css/jquery/jquery-ui.js"></script>
+	<script src="/js/jquery-3.1.1.js"></script>
 	<script src="/js/password_caps.js" type="text/javascript"></script>
 <div class="sign-in">
 	<div class="text-center header">
@@ -32,7 +30,8 @@ class="clean" name="email"
 						</div>
 						<div class="col-xs-12">
 							<input class="clean" name="password" type="password" placeholder="Password" value="{{ old('password') }}">
-							<div id="capsLock" class="capsLock" style="display:none;">CapsLock is on!!
+							<div id="capsLock" class="capsLock text-right alert alert-warning">CapsLock is on!
+								<span class="fa fa-exclamation-circle"></span>
 							</div>
 						</div>