Apply small-icon class for better layout

app/assets/javascripts/jstoolbar/jstoolbar.js

@@ -172,7 +172,7 @@ jsToolBar.prototype = {
   button: function(toolName) {
     var tool = this.elements[toolName];
     if (typeof tool.fn[this.mode] != 'function') return null;
-    var b = new jsButton(tool.title, tool.fn[this.mode], this, 'jstb_'+toolName);
+    var b = new jsButton(tool.title, tool.fn[this.mode], this, 'icon-small jstb_'+toolName);
     if (tool.icon != undefined) b.icon = tool.icon;
     return b;
   },

app/assets/stylesheets/content/_in_place_editing.sass

@@ -105,7 +105,8 @@
     .jstb_ol,
     .jstb_preview,
     .jstb_help
-      display: inline-block
+      display: inline-flex
+      justify-content: center
 
 .inplace-edit--select
   .select2-display-none

frontend/app/ui_components/wiki-toolbar-directive.js

@@ -31,7 +31,7 @@ module.exports = function() {
                           '"resizable=yes, location=no, width=600, height=640, ' +
                           'menubar=no, status=no, scrollbars=yes"); return false;',
       HELP_LINK_HTML = jQuery('<button title="' + I18n.t('js.inplace.link_formatting_help') + '"' +
-                              ' class="jstb_help icon icon-help1" ' +
+                              ' class="jstb_help icon icon-help1 icon-small" ' +
                               ' type="button" ' +
                               'onclick="' + HELP_LINK_ONCLICK + '">' +
                               '<span class="hidden-for-sighted">' +
@@ -41,7 +41,7 @@ module.exports = function() {
       PREVIEW_DISABLE_TEXT = I18n.t('js.inplace.btn_preview_disable'),
       PREVIEW_BUTTON_CLASS = 'jstb_preview',
       PREVIEW_BUTTON_ATTRIBUTES = {
-        'class': PREVIEW_BUTTON_CLASS + ' icon-preview',
+        'class': PREVIEW_BUTTON_CLASS + ' icon-preview icon-small',
         type: 'button',
         title: PREVIEW_ENABLE_TEXT,
         text: ''