From ed06161ee727458fb75680ddd8be23ec49b30e2a Mon Sep 17 00:00:00 2001
From: lilia <liliakai@gmail.com>
Date: Sat, 17 Jan 2015 22:28:14 -1000
Subject: [PATCH] Quick fix for phone input style

---
 index.html              | 2 +-
 options.html            | 2 +-
 stylesheets/options.css | 4 ++++
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 46c6306b..1732528b 100644
--- a/index.html
+++ b/index.html
@@ -46,7 +46,7 @@
         </script>
         <script type="text/x-tmpl-mustache" id="phone-number">
             <div class="phone-input-form">
-                <div id="number-container">
+                <div class="number-container">
                     <input type="tel" class="number" placeholder="Phone Number" />
                 </div>
             </div>
diff --git a/options.html b/options.html
index 1f80b802..31b3e51f 100644
--- a/options.html
+++ b/options.html
@@ -87,7 +87,7 @@
   </div>
   <script type="text/x-tmpl-mustache" id="phone-number">
     <div class="phone-input-form">
-        <div id="number-container">
+        <div class="number-container">
           <input type="tel" class="number" placeholder="Phone Number" />
         </div>
     </div>
diff --git a/stylesheets/options.css b/stylesheets/options.css
index 7f9b3105..44f1c165 100644
--- a/stylesheets/options.css
+++ b/stylesheets/options.css
@@ -90,6 +90,10 @@ h2 {
   position: relative;
   margin-bottom: 0.5em;
 }
+.number-container .intl-tel-input,
+.number-container .number {
+  width: 100%;
+}
 .number-container::after {
   visibility: hidden;
   content: ' ';