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

@@ -1,5 +1,5 @@
 <p>
-  <em>Hover over characters to see their Phondue shortcuts. Use Field Help to show full Phondue instructions.</em>
+  <em>Hover over characters to see their Phondue shortcuts.</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='O_ o_ _O _o'>
+        <button title=''>
           ̥
         </button>
       </td>
       <td id='cell_10_15' class='td-btn'>
-        <button title='U_ u_ _U _u'>
+        <button title=''>
           ̬
         </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='h^ ^h'>
+        <button title=''>
           ʰ
         </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='x^ ^x'>
+        <button title=''>
           ̽
         </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="')">
+        <button title='&quot)'>
           ʼ
         </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='w^ ^w'>
+        <button title=''>
           ʷ
         </button>
       </td>
       <td id='cell_13_15' class='td-btn'>
-        <button title='j^ ^j'>
+        <button title=''>
           ʲ
         </button>
       </td>
       <td id='cell_13_16' class='td-btn'>
-        <button title='h/^'>
+        <button title=''>
           ᶣ
         </button>
       </td>
       <td id='cell_13_17' class='td-btn'>
-        <button title='vO^ v0^'>
+        <button title=''>
           ᶹ
         </button>
       </td>
       <td id='cell_13_18' class='td-btn'>
-        <button title='XO^'>
+        <button title=''>
           ˠ
         </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='>r r>'>
+        <button title=''>
           ˞
         </button>
       </td>
@@ -1147,7 +1147,7 @@
         Suprasegmental
       </th>
       <td id='cell_16_12' class='td-btn'>
-        <button title="''">
+        <button title='&quot&quot'>
           ˈ
         </button>
       </td>
@@ -1167,7 +1167,7 @@
         </button>
       </td>
       <td id='cell_16_16' class='td-btn'>
-        <button title='u^ ^u'>
+        <button title=''>
           ̆
         </button>
       </td>

src/scss/_elements.scss

@@ -16,7 +16,6 @@ input:not([type="checkbox"]),
 select,
 textarea {
   font-size: 12pt;
-  padding: 2px 3px;
 }
 
 label {
@@ -31,7 +30,8 @@ label {
   }
 
   input:not([type="checkbox"]):not([type="radio"]) {
-    line-height: 1.6;
+    padding-bottom: 2px;
+    line-height: 1.3;
   }
 
   input:not([type="checkbox"]):not([type="radio"]),