updating input message error

dev-onenetworkecommerce · Nov 3, 2015 · 8e94a83 · 8e94a83
1 parent 3f36836
commit 8e94a83
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 15 deletions.
diff --git a/docs/dist/style.css b/docs/dist/style.css
diff --git a/styles/base/_form.scss b/styles/base/_form.scss
@@ -49,32 +49,31 @@
 }
 
 .form-group .form-control + .message {
+  visibility: hidden;
   position: absolute;
   top: 40px;
   z-index: 9999;
-  visibility: hidden;
   max-width: 220px;
   text-align: center;
+  padding: 10px 15px;
   color: #FFFFFF;
-  padding: 8px 10px;
   background: $brand-crimson;
-  height: auto;
   border-radius: 5px;
+  line-height: 1;
+  font-size: $font-size-small;
 }
 
 .form-group .form-control + .message:after {
   content: '';
   position: absolute;
   bottom: 100%;
-  left: 50%;
-  margin-left: -8px;
-  width: 0;
-  height: 0;
+  left: 5%;
   border-bottom: 8px solid $brand-crimson;
   border-right: 8px solid transparent;
   border-left: 8px solid transparent;
 }
 
+.form-group .form-control:hover + .message,
 .form-group .form-control:focus + .message {
   visibility: visible;
 }