diff --git a/css/glowingbear.css b/css/glowingbear.css
index b556e46..60a7e0b 100644
--- a/css/glowingbear.css
+++ b/css/glowingbear.css
@@ -89,6 +89,12 @@ input[type=text], input[type=password], #sendMessage {
margin-bottom: 5px !important;
}
+.btn-complete-nick {
+ position: relative;
+ overflow: hidden;
+ cursor: pointer;
+}
+
.btn-send-image {
position: relative;
overflow: hidden;
diff --git a/css/themes/base16-default.css b/css/themes/base16-default.css
index 3f91ae8..7070fc7 100644
--- a/css/themes/base16-default.css
+++ b/css/themes/base16-default.css
@@ -302,7 +302,7 @@ input[type=text], input[type=password], #sendMessage, .badge {
box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), 0px 1px 7px 0px rgba(0, 0, 0, 0.2) inset;
}
-input[type=text], input[type=password], #sendMessage, .btn-send, .btn-send-image {
+input[type=text], input[type=password], #sendMessage, .btn-send, .btn-send-image, .btn-complete-nick {
color: var(--base05);
background: var(--base01);
}
@@ -335,6 +335,7 @@ input[type=text]:-moz-placeholder, input[type=password]:-moz-placeholder { /* Fi
background: var(--base08);
}
+.btn-complete-nick:hover, .btn-complete-nick:focus,
.btn-send:hover, .btn-send:focus,
.btn-send-image:hover, .btn-send-image:focus {
background-color: var(--base07);
diff --git a/css/themes/blue.css b/css/themes/blue.css
index 28e4189..7946bea 100644
--- a/css/themes/blue.css
+++ b/css/themes/blue.css
@@ -88,11 +88,12 @@ input[type=text], input[type=password], #sendMessage, .badge {
border: 1px solid #4a5b6c;
}
-input[type=text], input[type=password], #sendMessage, .badge, .btn-send, .btn-send-image {
+input[type=text], input[type=password], #sendMessage, .badge, .btn-send, .btn-send-image, .btn-complete-nick {
color: #ccc;
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3);
}
+.btn-complete-nick:hover, .btn-complete-nick:focus,
.btn-send:hover, .btn-send:focus,
.btn-send-image:hover, .btn-send-image:focus {
background-color: #555;
diff --git a/css/themes/dark.css b/css/themes/dark.css
index 40368ee..0601900 100644
--- a/css/themes/dark.css
+++ b/css/themes/dark.css
@@ -82,11 +82,12 @@ input[type=text], input[type=password], #sendMessage, .badge {
box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), 0px 1px 7px 0px rgba(0, 0, 0, 0.8) inset;
}
-input[type=text], input[type=password], #sendMessage, .badge, .btn-send, .btn-send-image {
+input[type=text], input[type=password], #sendMessage, .badge, .btn-send, .btn-send-image, .btn-complete-nick {
color: #ccc;
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3);
}
+.btn-complete-nick:hover, .btn-complete-nick:focus,
.btn-send:hover, .btn-send:focus,
.btn-send-image:hover, .btn-send-image:focus {
background-color: #555;
diff --git a/css/themes/light.css b/css/themes/light.css
index 0ed9c14..a9a98fd 100644
--- a/css/themes/light.css
+++ b/css/themes/light.css
@@ -27,6 +27,7 @@ html {
background: #428BCA;
}
+.btn-complete-nick,
.btn-send,
.btn-send-image, {
background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.3);
diff --git a/directives/input.html b/directives/input.html
index 030708f..adc5e7f 100644
--- a/directives/input.html
+++ b/directives/input.html
@@ -3,6 +3,7 @@
+