From 9743e934d35914f52ad711cc1a266882804d8722 Mon Sep 17 00:00:00 2001
From: Robbie Antenesse <dev@alamantus.com>
Date: Thu, 6 Jun 2019 11:36:27 -0600
Subject: [PATCH] Always show IPA table button in pronunciation fields

---
 src/js/render.js   | 14 ++++++--------
 src/js/settings.js |  2 +-
 2 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/js/render.js b/src/js/render.js
index a818cb5..991ad15 100644
--- a/src/js/render.js
+++ b/src/js/render.js
@@ -268,18 +268,16 @@ export function renderEditForm(wordId = false) {
   wordId = typeof wordId.target === 'undefined' ? wordId : parseInt(this.id.replace('edit_', ''));
   const word = window.currentDictionary.words.find(w => w.wordId === wordId);
   if (word) {
-    const ipaPronunciationField = `<label>Pronunciation<a class="label-button ipa-table-button">IPA Chart</a><br>
-      <input id="wordPronunciation_${wordId}" class="ipa-field" maxlength="200" value="${word.pronunciation}"><br>
-      <a class="label-help-button ipa-field-help-button">Field Help</a>
-    </label>`;
-    const plainPronunciationField = `<label>Pronunciation<br>
-      <input id="wordPronunciation_${wordId}" maxlength="200" value="${word.pronunciation}">
-    </label>`;
+    const ipaPronunciationField = `<input id="wordPronunciation_${wordId}" class="ipa-field" maxlength="200" value="${word.pronunciation}"><br>
+      <a class="label-help-button ipa-field-help-button">Field Help</a>`;
+    const plainPronunciationField = `<input id="wordPronunciation_${wordId}" maxlength="200" value="${word.pronunciation}">`;
     const editForm = `<form id="editForm_${wordId}" class="edit-form">
       <label>Word<span class="red">*</span><br>
         <input id="wordName_${wordId}" maxlength="200" value="${word.name}">
       </label>
-      ${window.settings.useIPAPronunciationField ? ipaPronunciationField : plainPronunciationField}
+      <label>Pronunciation<a class="label-button ipa-table-button">IPA Chart</a><br>
+        ${window.settings.useIPAPronunciationField ? ipaPronunciationField : plainPronunciationField}
+      </label>
       <label>Part of Speech<br>
         <select id="wordPartOfSpeech_${wordId}" class="part-of-speech-select">
           <option value="${word.partOfSpeech}" selected>${word.partOfSpeech}</option>
diff --git a/src/js/settings.js b/src/js/settings.js
index cc1b07d..5d14499 100644
--- a/src/js/settings.js
+++ b/src/js/settings.js
@@ -68,7 +68,7 @@ export function toggleHotkeysEnabled() {
 }
 
 export function toggleIPAPronunciationFields(render = true) {
-  const ipaButtons = document.querySelectorAll('.ipa-table-button, .ipa-field-help-button'),
+  const ipaButtons = document.querySelectorAll('.ipa-field-help-button'),
     ipaFields = document.querySelectorAll('.ipa-field');
   if (!window.settings.useIPAPronunciationField) {
     Array.from(ipaButtons).forEach(button => {