From 1f7f70a0f56e6c3fef631648e65ce337bdb70842 Mon Sep 17 00:00:00 2001
From: raunaks13 <foleys.raunak@gmail.com>
Date: Thu, 29 Mar 2018 00:13:18 +0530
Subject: [PATCH 1/2] enhanced translate widget

---
 app/views/sidebar/_related.html.erb | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/app/views/sidebar/_related.html.erb b/app/views/sidebar/_related.html.erb
index 4f8862afc0..4de23e7da3 100644
--- a/app/views/sidebar/_related.html.erb
+++ b/app/views/sidebar/_related.html.erb
@@ -17,14 +17,20 @@
   <% 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 id="google_translate_element" class="alert alert-info">
+      <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.innerHTML = "Translation: ";
+        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>
   <% end %>
 
   <% responses = @node.responses if @node %>

From aa89cab0a9c779649656b275a83555962f81729b Mon Sep 17 00:00:00 2001
From: raunaks13 <foleys.raunak@gmail.com>
Date: Wed, 4 Apr 2018 13:16:56 +0530
Subject: [PATCH 2/2] changed title formatting of widget

---
 app/views/sidebar/_related.html.erb | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/views/sidebar/_related.html.erb b/app/views/sidebar/_related.html.erb
index 4de23e7da3..c9eb03c561 100644
--- a/app/views/sidebar/_related.html.erb
+++ b/app/views/sidebar/_related.html.erb
@@ -17,7 +17,9 @@
   <% end %>
 
   <% if @node && (@node.has_power_tag('iso') || @node.has_power_tag('lang')) %>
-    <div id="google_translate_element" class="alert alert-info">
+    <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');
@@ -25,11 +27,11 @@
       }
       function addLabelTranslateElement() {
         var paragraph = document.createElement('span');
-        paragraph.innerHTML = "Translation: ";
         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>
+        </div>
   </div>
   <% end %>