diff -urN smeserver-manager-AdminLTE-0.1.3.old/root/usr/share/smanager/themes/AdminLTE/public/css/server-manager2.css smeserver-manager-AdminLTE-0.1.3/root/usr/share/smanager/themes/AdminLTE/public/css/server-manager2.css
--- smeserver-manager-AdminLTE-0.1.3.old/root/usr/share/smanager/themes/AdminLTE/public/css/server-manager2.css	2021-04-28 07:12:00.000000000 +0100
+++ smeserver-manager-AdminLTE-0.1.3/root/usr/share/smanager/themes/AdminLTE/public/css/server-manager2.css	2021-11-29 14:27:00.000000000 +0000
@@ -196,3 +196,10 @@
     margin : 0;
 }  
 
+.login-box {
+  margin: 0 auto;
+}
+
+.table-striped>tr:nth-child(odd){
+   background-color:#c2e8a8;
+}
diff -urN smeserver-manager-AdminLTE-0.1.3.old/root/usr/share/smanager/themes/AdminLTE/templates/layouts/default.html.ep smeserver-manager-AdminLTE-0.1.3/root/usr/share/smanager/themes/AdminLTE/templates/layouts/default.html.ep
--- smeserver-manager-AdminLTE-0.1.3.old/root/usr/share/smanager/themes/AdminLTE/templates/layouts/default.html.ep	2021-11-29 15:58:29.650602949 +0000
+++ smeserver-manager-AdminLTE-0.1.3/root/usr/share/smanager/themes/AdminLTE/templates/layouts/default.html.ep	2021-11-29 15:07:00.000000000 +0000
@@ -243,6 +243,9 @@
 
 	<!-- jQuery -->
 	%= javascript "/plugins/jquery/jquery.min.js"
+	<!-- Show hide password 
+	%= javascript "/plugins/hideShowPassword.min.js"
+	-->
 	<!-- Bootstrap 4 -->
 	%= javascript "/plugins/bootstrap/js/bootstrap.bundle.min.js"
 	<!-- AdminLTE App -->
@@ -281,6 +284,8 @@
 			$(".sme-success").addClass("card card-success card-body");
 			$("table.sme-border").addClass("table table-striped"); 
 			$("#footer").addClass("card card-info card-body"); 
+			$(".module").addClass("card card-info card-body");
+			$(".central").addClass("card card-info card-body");
 			/*$("#container").addClass("nav")*/
 			$(".menu-cell").addClass("nav-item");
 			$(".item").addClass("nav-link");			
@@ -324,6 +329,8 @@
 			breadcrumb.push('Level');
 			breadcrumb.pop();
 			*/
+			//alert("Hello world");
+			$("#login_password").togglePasswordVisibility();
 
 			
 		});
@@ -345,6 +352,26 @@
 		$('ul.treeview-menu a').filter(function() {
 			 return this.href == url;
 		}).parentsUntil(".sidebar-menu > .treeview-menu").addClass('active');
+		
+		//Setup passord visibility toggle
+		(function ($) {
+			$.fn.togglePasswordVisibility = function() {
+			togglePassword.addEventListener('click', function (e) {
+				// toggle the type attribute
+				const togglePassword = document.getElementById('togglePassword');
+				const password = document.getElementById('login-password');
+				const type = password.getAttribute('type') === 'password' ? 'text' : 'password';
+				password.setAttribute('type', type);
+				// toggle the eye slash icon
+				this.classList.toggle('fa-eye-slash');
+			});
+		};
+		}(jQuery));
+
+		
+
+
+
 
 		</script>
 
diff -urN smeserver-manager-AdminLTE-0.1.3.old/root/usr/share/smanager/themes/AdminLTE/templates/login.html.ep smeserver-manager-AdminLTE-0.1.3/root/usr/share/smanager/themes/AdminLTE/templates/login.html.ep
--- smeserver-manager-AdminLTE-0.1.3.old/root/usr/share/smanager/themes/AdminLTE/templates/login.html.ep	1970-01-01 01:00:00.000000000 +0100
+++ smeserver-manager-AdminLTE-0.1.3/root/usr/share/smanager/themes/AdminLTE/templates/login.html.ep	2021-11-29 09:59:00.000000000 +0000
@@ -0,0 +1,83 @@
+% layout 'default', title => "Sme server 2 - login";
+
+% content_for 'module' => begin
+
+<div id="module" class="content-login hold-transition login-box" >
+
+    %if ($config->{debug} == 1) {
+	<p>
+	%= dumper $c->current_route
+	%if ( stash 'trt' ) {
+	    %= dumper stash 'trt'
+	%}
+	</p>
+    %}
+
+% if ( stash 'error' ) {
+    	<br><div class=sme-error>
+    	%= $c->render_to_string(inline => stash 'error') 
+	</div>
+%}
+
+	<div class="card">
+		<div class="card-body login-card-body">
+		  <p class="login-box-msg"><%=l 'use_TITLE' %></p>
+
+    % my $btn = l('use_SIGNIN');
+
+    <!------
+    <h1>
+    %=l 'use_TITLE'
+    </h1>
+    ---->
+
+    %= form_for '/login' => (method => 'POST') => begin
+
+    <!---
+    <p><span class=label>
+    %=l 'USER_NAME'
+    </span><span class=input>
+    %= text_field 'Username'
+    </span></p>
+
+    <p><span class=label>
+    %=l 'PASSWORD'
+    </span><span class=input>
+    %= password_field 'Password'
+    </span></p>
+    --->
+    
+    
+	<div class="input-group mb-3">
+	  <input type="text" name='Username' class="form-control" placeholder="<%=l 'USER_NAME'%>">
+	  <div class="input-group-append">
+		<div class="input-group-text">
+		  <span class="fas fa-user"></span>
+		</div>
+	  </div>
+	</div>
+	<div class="input-group mb-3">
+	  <input type="password" name='Password' id='login-password' class="form-control" placeholder="<%=l 'PASSWORD'%>">
+	  <div class="input-group-append">
+		<div class="input-group-text">
+			<i class="far fa-eye" id="togglePassword"></i>
+			<!---<span class="fas fa-lock"></span>-->
+		</div>
+	  </div>
+	</div>
+
+
+    %= hidden_field 'From' => $c->tx->req->url
+    %= hidden_field 'Trt' => stash 'trt'
+
+    <br>
+    <div class='center'>
+    %= submit_button "$btn", class => 'action'
+    </div>
+    
+
+  % end
+ </div></div>
+
+</div>
+%end