title: Google Translate Eliminating Space in Select
body: <p>Is it possible to cut out the white space from the google translate select when you choose a language. In my example if you choose spanish you will see a lot of extra space but is it possible to shrink the select and remove the extra spacing so that it just is the size of the word maybe with just a little extra spacing on the sides like 2px or so?</p>
  
  <p>Since I am using google translate I am not able to create an id I have to use the values that are given with google translate?</p>
  
  <pre><code>$(document).ready(function() {
   $('.goog-te-combo').change(function(){
      $(".goog-te-combo").html($('.goog-te-combo option:selected').text());
      $(this).width($(".goog-te-combo").width());  
   });
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/bobrierton/5c1vbo2s/13/" rel="nofollow">http://jsfiddle.net/bobrierton/5c1vbo2s/13/</a></p>
  
  <pre><code>&lt;div id="google_translate_element"&gt;&lt;/div&gt;                              
  
  &lt;script type="text/javascript"&gt;
              function googleTranslateElementInit() {
                  new google.translate.TranslateElement({
                      pageLanguage: 'en', 
                      layout: google.translate.TranslateElement.InlineLayout
                  }, 'google_translate_element');
              }
          &lt;/script&gt;
  &lt;script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"&gt;
  &lt;/script&gt; 
  </code></pre>