[design] improve theme font controls

Author: zombieFox

src/index.html

@@ -1375,16 +1375,10 @@ <h1 class="menu-item-header-text">Fonts</h1>
 <divclass="control-theme-font-display-weight-count form-group-text form-group-item-medium form-group-radius-left"></div>
 </div>
 </div>
-<divclass="form-inline">
-<divclass="button-wrap">
-<buttonclass="control-theme-font-display-light button mb-0" tabindex="-1">Light</button>
-</div>
-<divclass="button-wrap">
-<buttonclass="control-theme-font-display-regular button mb-0" tabindex="-1">Regular</button>
-</div>
-<divclass="button-wrap">
-<buttonclass="control-theme-font-display-bold button mb-0" tabindex="-1">Bold</button>
-</div>
+<divclass="form-group">
+<buttonclass="control-theme-font-display-light button mb-0" tabindex="-1">Light</button>
+<buttonclass="control-theme-font-display-regular button mb-0" tabindex="-1">Regular</button>
+<buttonclass="control-theme-font-display-bold button mb-0" tabindex="-1">Bold</button>
 </div>
 <pclass="control-theme-font-display-helper form-helper small">Not all fonts support all weights. Refer to the Google Font page to see which are available.</p>
 <hr>
@@ -1420,16 +1414,10 @@ <h1 class="menu-item-header-text">Fonts</h1>
 <divclass="control-theme-font-ui-weight-count form-group-text form-group-item-medium form-group-radius-left"></div>
 </div>
 </div>
-<divclass="form-inline">
-<divclass="button-wrap">
-<buttonclass="control-theme-font-ui-light button mb-0" tabindex="-1">Light</button>
-</div>
-<divclass="button-wrap">
-<buttonclass="control-theme-font-ui-regular button mb-0" tabindex="-1">Regular</button>
-</div>
-<divclass="button-wrap">
-<buttonclass="control-theme-font-ui-bold button mb-0" tabindex="-1">Bold</button>
-</div>
+<divclass="form-group">
+<buttonclass="control-theme-font-ui-light button mb-0" tabindex="-1">Light</button>
+<buttonclass="control-theme-font-ui-regular button mb-0" tabindex="-1">Regular</button>
+<buttonclass="control-theme-font-ui-bold button mb-0" tabindex="-1">Bold</button>
 </div>
 <pclass="control-theme-font-ui-helper form-helper small">Not all fonts support all weights. Refer to the Google Font page to see which are available.</p>
 <hr>