Improved translate widget (#2553)

* enhanced translate widget

* changed title formatting of widget

Author: raunaks13

app/views/sidebar/_related.html.erb

@@ -17,14 +17,22 @@
   <% end %>
 
   <% if @node && (@node.has_power_tag('iso') || @node.has_power_tag('lang')) %>
-    <h4><%= t('sidebar._related.translation') %></h4>
-    <p>
-    <div id="google_translate_element"></div><script type="text/javascript">
+    <div class="alert alert-info">
+        <h4><%= t('sidebar._related.translation') %></h4>
+        <div id="google_translate_element">
+      <script type="text/javascript">
       function googleTranslateElementInit() {
         new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false, multilanguagePage: true}, 'google_translate_element');
+        addLabelTranslateElement();
+      }
+      function addLabelTranslateElement() {
+        var paragraph = document.createElement('span');
+        paragraph.style.fontSize = '125%';
+        document.getElementsByClassName("skiptranslate goog-te-gadget")[0].prepend(paragraph);
       }
     </script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
-    </p>
+        </div>
+  </div>
   <% end %>
 
   <% responses = @node.responses if @node %>