less/roojs-bootstrap/phone-input.less

[roojs1] / less / roojs-bootstrap / phone-input.less

diff --git a/less/roojs-bootstrap/phone-input.less b/less/roojs-bootstrap/phone-input.less
index 86a2b99..8a030c1 100644 (file)
--- a/less/roojs-bootstrap/phone-input.less
+++ b/less/roojs-bootstrap/phone-input.less
@@ -1,6 +1,22 @@
 .tel-input {
-    padding-left: 55px;
-    padding-right: 10px;
+    padding-left: 105px;
+    border-radius: 4px !important;
+}
+
+.dial-code-holder {
+    position: absolute;
+    width: 60px;
+    left: 55px;
+    z-index: 3;
+    padding: 7px;
+    border: 1px solid transparent;
+    background: transparent;
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
 }
 
 .tel-list {
@@ -10,14 +26,14 @@
             .flag {
                 margin-right: 20px;
             }
-            .dialCode {
+            .dial-code {
                 color: #999;
             }
         }
     }
 }
 
-.flag-container {
+.flag-box {
     position: absolute;
     top: 6px;
     height: 20px;