Add hover text to all ipa-table fields

src/js/KeyboardFire/phondue/ipa-table.html

@@ -1,5 +1,5 @@
 <p>
-  <em>Hover over characters to see their Phondue shortcuts.</em>
+  <em>Hover over characters to see their Phondue shortcuts. Use Field Help to show full Phondue instructions.</em>
 </p>
 <table className='table is-bordered'>
   <thead>
@@ -650,32 +650,32 @@
       <td id='cell_10_13' class='td-lbl'>
       </td>
       <td id='cell_10_14' class='td-btn'>
-        <button title=''>
+        <button title='O_ o_ _O _o'>
           ̥
         </button>
       </td>
       <td id='cell_10_15' class='td-btn'>
-        <button title=''>
+        <button title='U_ u_ _U _u'>
           ̬
         </button>
       </td>
       <td id='cell_10_16' class='td-btn'>
-        <button title=''>
+        <button title=':_ _:'>
           ̤
         </button>
       </td>
       <td id='cell_10_17' class='td-btn'>
-        <button title=''>
+        <button title='~_ _~'>
           ̰
         </button>
       </td>
       <td id='cell_10_18' class='td-btn'>
-        <button title=''>
+        <button title='_|'>
           ̩
         </button>
       </td>
       <td id='cell_10_19' class='td-btn'>
-        <button title=''>
+        <button title='^_ _^'>
           ̯
         </button>
       </td>
@@ -739,32 +739,32 @@
       <td id='cell_11_13' class='td-lbl'>
       </td>
       <td id='cell_11_14' class='td-btn'>
-        <button title=''>
+        <button title='[_ _['>
           ̪
         </button>
       </td>
       <td id='cell_11_15' class='td-btn'>
-        <button title=''>
+        <button title='{_ _{'>
           ̼
         </button>
       </td>
       <td id='cell_11_16' class='td-btn'>
-        <button title=''>
+        <button title=']_ _]'>
           ̺
         </button>
       </td>
       <td id='cell_11_17' class='td-btn'>
-        <button title=''>
+        <button title='#_ _# []'>
           ̻
         </button>
       </td>
       <td id='cell_11_18' class='td-btn'>
-        <button title=''>
+        <button title='h^ ^h'>
           ʰ
         </button>
       </td>
       <td id='cell_11_19' class='td-btn'>
-        <button title=''>
+        <button title='>^ ^>'>
           ̚
         </button>
       </td>
@@ -837,32 +837,32 @@
       <td id='cell_12_13' class='td-lbl'>
       </td>
       <td id='cell_12_14' class='td-btn'>
-        <button title=''>
+        <button title='+_ _+'>
           ̟
         </button>
       </td>
       <td id='cell_12_15' class='td-btn'>
-        <button title=''>
+        <button title='__'>
           ̠
         </button>
       </td>
       <td id='cell_12_16' class='td-btn'>
-        <button title=''>
+        <button title=':^ ^:'>
           ̈
         </button>
       </td>
       <td id='cell_12_17' class='td-btn'>
-        <button title=''>
+        <button title='x^ ^x'>
           ̽
         </button>
       </td>
       <td id='cell_12_18' class='td-btn'>
-        <button title=''>
+        <button title="'-_ -'_">
           ̝
         </button>
       </td>
       <td id='cell_12_19' class='td-btn'>
-        <button title=''>
+        <button title=',-_ -,_'>
           ̞
         </button>
       </td>
@@ -901,7 +901,7 @@
         </button>
       </td>
       <td id='cell_13_9' class='td-btn'>
-        <button title='&quot)'>
+        <button title="')">
           ʼ
         </button>
       </td>
@@ -920,37 +920,37 @@
       <td id='cell_13_13' class='td-lbl'>
       </td>
       <td id='cell_13_14' class='td-btn'>
-        <button title=''>
+        <button title='w^ ^w'>
           ʷ
         </button>
       </td>
       <td id='cell_13_15' class='td-btn'>
-        <button title=''>
+        <button title='j^ ^j'>
           ʲ
         </button>
       </td>
       <td id='cell_13_16' class='td-btn'>
-        <button title=''>
+        <button title='h/^'>
           ᶣ
         </button>
       </td>
       <td id='cell_13_17' class='td-btn'>
-        <button title=''>
+        <button title='vO^ v0^'>
           ᶹ
         </button>
       </td>
       <td id='cell_13_18' class='td-btn'>
-        <button title=''>
+        <button title='XO^'>
           ˠ
         </button>
       </td>
       <td id='cell_13_19' class='td-btn'>
-        <button title=''>
+        <button title='?/^'>
           ˤ
         </button>
       </td>
       <td id='cell_13_20' class='td-btn'>
-        <button title=''>
+        <button title='~^ ^~'>
           ̴
         </button>
       </td>
@@ -1021,32 +1021,32 @@
       <td id='cell_14_13' class='td-lbl'>
       </td>
       <td id='cell_14_14' class='td-btn'>
-        <button title=''>
+        <button title=')_ _)'>
           ̹
         </button>
       </td>
       <td id='cell_14_15' class='td-btn'>
-        <button title=''>
+        <button title='(_ _('>
           ̜
         </button>
       </td>
       <td id='cell_14_16' class='td-btn'>
-        <button title=''>
+        <button title='<|_ |<_'>
           ̘
         </button>
       </td>
       <td id='cell_14_17' class='td-btn'>
-        <button title=''>
+        <button title='>|_ |>_'>
           ̙
         </button>
       </td>
       <td id='cell_14_18' class='td-btn'>
-        <button title=''>
+        <button title='~^ ^~'>
           ̃
         </button>
       </td>
       <td id='cell_14_19' class='td-btn'>
-        <button title=''>
+        <button title='>r r>'>
           ˞
         </button>
       </td>
@@ -1147,7 +1147,7 @@
         Suprasegmental
       </th>
       <td id='cell_16_12' class='td-btn'>
-        <button title='&quot&quot'>
+        <button title="''">
           ˈ
         </button>
       </td>
@@ -1167,7 +1167,7 @@
         </button>
       </td>
       <td id='cell_16_16' class='td-btn'>
-        <button title=''>
+        <button title='u^ ^u'>
           ̆
         </button>
       </td>