Made tooltip wider.

Author: mikeller

src/css/main.css

@@ -1961,6 +1961,9 @@ button.active {
     max-width: 180px;
 }
 
+.jBox-Widetip {
+    max-width: 300px;
+}
 
 @media only screen and (max-width: 1055px) , only screen and (max-device-width: 1055px) {
 

src/js/gui.js

@@ -360,6 +360,20 @@ GUI_control.prototype.content_ready = function (callback) {
             outside: 'x'
         });
 
+        new jBox('Tooltip', {
+            theme: 'Widetip',
+            attach: '.cf_tip_wide',
+            trigger: 'mouseenter',
+            closeOnMouseleave: true,
+            closeOnClick: 'body',
+            delayOpen: 100,
+            delayClose: 100,
+            position: {
+                x: 'right',
+                y: 'center'
+            },
+            outside: 'x'
+        });
     });
 
     if (callback) callback();

src/tabs/firmware_flasher.html

@@ -26,7 +26,7 @@
                         <td><select name="board">
                                 <option value="0" i18n="firmwareFlasherOptionLoading">Loading ...</option>
                         </select></td>
-                        <td><span class="description" i18n="firmwareFlasherOnlineSelectBoardDescription"></span><div class="helpicon cf_tip" i18n_title="firmwareFlasherOnlineSelectBoardHint"/></td>
+                        <td><span class="description" i18n="firmwareFlasherOnlineSelectBoardDescription"></span><div class="helpicon cf_tip_wide" i18n_title="firmwareFlasherOnlineSelectBoardHint"/></td>
                     </tr>
                     <tr>
                         <td><select name="firmware_version">