other fixes

src/public/app/widgets/attribute_widgets/attribute_detail.js

@@ -97,7 +97,7 @@ const TPL = `
         <tr class="attr-row-promoted"
             title="${t('attribute_detail.promoted_title')}">
             <th>${t('attribute_detail.promoted')}</th>
-            <td><input type="checkbox" class="attr-input-promoted form-control form-control-sm" /></td>
+            <td><input type="checkbox" class="attr-input-promoted form-check" /></td>
         </tr>
         <tr class="attr-row-promoted-alias">
             <th title="${t('attribute_detail.promoted_alias_title')}">${t('attribute_detail.promoted_alias')}</th>
@@ -134,10 +134,8 @@ const TPL = `
             <td>
                 <div class="input-group">
                     <input type="number" class="form-control attr-input-number-precision" style="text-align: right">
-                    <div class="input-group-append">
                     <span class="input-group-text">${t('attribute_detail.digits')}</span>
                 </div>
-                </div>
             </td>
         </tr>
         <tr class="attr-row-inverse-relation">
@@ -150,7 +148,7 @@ const TPL = `
         </tr>
         <tr title="${t('attribute_detail.inheritable_title')}">
             <th>${t('attribute_detail.inheritable')}</th>
-            <td><input type="checkbox" class="attr-input-inheritable form-control form-control-sm" /></td>
+            <td><input type="checkbox" class="attr-input-inheritable form-check" /></td>
         </tr>
     </table>
 

src/public/app/widgets/find.js

@@ -47,24 +47,18 @@ const TPL = `
     <div class="find-widget-box">
         <div class="input-group find-widget-search-term-input-group">
             <input type="text" class="form-control find-widget-search-term-input">
-            <div class="input-group-append">
             <button class="btn btn-outline-secondary bx bxs-chevron-up find-widget-previous-button" type="button"></button>
             <button class="btn btn-outline-secondary bx bxs-chevron-down find-widget-next-button" type="button"></button>
         </div>
-        </div>
         
         <div class="form-check">
-            <label tabIndex="-1" class="form-check-label">
             <input type="checkbox" class="form-check-input find-widget-case-sensitive-checkbox"> 
-                case sensitive
+            <label tabIndex="-1" class="form-check-label">case sensitive</label>
-            </label>
         </div>
 
         <div class="form-check">
-            <label tabIndex="-1" class="form-check-label">
             <input type="checkbox" class="form-check-input find-widget-match-words-checkbox">
-                match words
+            <label tabIndex="-1" class="form-check-label">match words</label>
-            </label>
         </div>
         
         <div class="find-widget-found-wrapper">

src/public/app/widgets/ribbon_widgets/promoted_attributes.js

@@ -229,9 +229,7 @@ export default class PromotedAttributesWidget extends NoteContextAwareWidget {
                     .prop("title", t("promoted_attributes.open_external_link"))
                     .on('click', () => window.open($input.val(), '_blank'));
 
-                $input.after($("<div>")
+                $input.after($openButton);
-                    .addClass("input-group-append")
-                    .append($openButton));
             }
             else {
                 ws.logError(t("promoted_attributes.unknown_label_type", { type: definitionAttr.labelType }));

src/public/app/widgets/type_widgets/options/appearance/fonts.js

@@ -45,12 +45,10 @@ const TPL = `
 
             <div class="input-group">
                 <input type="number" class="main-font-size form-control options-number-input" min="50" max="200" step="10"/>
-                <div class="input-group-append">
                 <span class="input-group-text">%</span>
             </div>
         </div>
     </div>
-    </div>
 
     <h5>${t("fonts.note_tree_font")}</h5>
 
@@ -65,12 +63,10 @@ const TPL = `
 
             <div class="input-group">
                 <input type="number" class="tree-font-size form-control options-number-input" min="50" max="200" step="10"/>
-                <div class="input-group-append">
                 <span class="input-group-text">%</span>
             </div>
         </div>
     </div>
-    </div>
     
     <h5>${t("fonts.note_detail_font")}</h5>
     
@@ -85,12 +81,10 @@ const TPL = `
 
             <div class="input-group">
                 <input type="number" class="detail-font-size form-control options-number-input" min="50" max="200" step="10"/>
-                <div class="input-group-append">
                 <span class="input-group-text">%</span>
             </div>
         </div>
     </div>
-    </div>
     
     <h5>${t("fonts.monospace_font")}</h5>
     
@@ -105,12 +99,10 @@ const TPL = `
 
             <div class="input-group">
                 <input type="number" class="monospace-font-size form-control options-number-input" min="50" max="200" step="10"/>
-                <div class="input-group-append">
                 <span class="input-group-text">%</span>
             </div>
         </div>
     </div>
-    </div>
 
     <p>${t("fonts.note_tree_and_detail_font_sizing")}</p>
 

src/public/app/widgets/type_widgets/options/appearance/theme.js

@@ -15,7 +15,9 @@ const TPL = `
         
         <div class="col-6">
             <label>${t("theme.override_theme_fonts_label")}</label>
-            <input type="checkbox" class="override-theme-fonts form-control">
+            <div class="form-check">
+                <input type="checkbox" class="override-theme-fonts form-check-input">
+            </div>
         </div>
     </div>
 </div>`;