fixed formatting for composer field type

assets/javascripts/wizard/initializers/custom-wizard-field.js.es6

@@ -18,7 +18,7 @@ export default {
 
       @discourseComputed("field.type")
       textType(fieldType) {
-        return ['text', 'textarea', 'composer'].includes(fieldType);
+        return ['text', 'textarea'].includes(fieldType);
       },
 
       cookedDescription: function () {

assets/javascripts/wizard/templates/components/wizard-field-composer.hbs

@@ -7,6 +7,12 @@
   togglePreview=(action "togglePreview")
   afterRefresh=(action "afterRefresh")}}
 
+<div class="bottom-bar">
 <button class='wizard-btn toggle-preview' {{action 'togglePreview'}}>
   <span class="d-button-label">{{wizard-i18n togglePreviewLabel}}</span>
-</button>
+</button>
+
+{{#if field.char_counter}}
+  {{char-counter field.value field.max_length}}
+{{/if}}
+</div>

assets/javascripts/wizard/templates/components/wizard-field.hbs

@@ -18,7 +18,7 @@
 
 {{#if field.char_counter}}
   {{#if textType}}
-    {{char-counter field.value}}
+    {{char-counter field.value field.max_length}}
   {{/if}}
 {{/if}}
 

assets/stylesheets/wizard/custom/composer.scss

@@ -50,10 +50,6 @@
   display: none;
 }
 
-.custom-wizard .wizard-field-composer .toggle-preview {
-  margin-top: 20px;
-}
-
 .d-editor-textarea-wrapper,
 .d-editor-preview-wrapper {
   background-color: var(--secondary);
@@ -230,3 +226,10 @@
   bottom: -40px;
   right: 0;
 }
+
+.bottom-bar {
+  display: flex;
+  justify-content:space-between;
+  margin-top: 20px;
+  align-items: center;
+}