💄 rework the macro example

- rewrite the macro example and
fix for textinput height on param_macro_dialog

octoprint_klipper/static/css/klipper.css

@@ -136,6 +136,10 @@ ul#klipper-settings {
   flex: 3 auto;
 }
 
+.klipper-noresize {
+  resize: none;
+}
+
 .gap {
   justify-content: space-evenly;
 }

octoprint_klipper/templates/klipper_param_macro_dialog.jinja2

@@ -15,7 +15,7 @@
             <!-- /ko -->
             <!-- ko if: !$data.hasOwnProperty("options") -->
             <div class="input-append">
-               <input type="text" class="input-block-level span2" data-bind="value: value">
+               <input type="text" class="span2" data-bind="value: value">
                <span class="add-on" data-bind="text: unit"></span>
             </div>
             <!-- /ko -->

octoprint_klipper/templates/klipper_settings.jinja2

@@ -168,12 +168,14 @@
         </span>
       </div>
       <div class="control-group">
-        <pre>
+        <label class="control-label">{{ _('Command') }}</label>
-          PID_CALIBRATE
+        <div class="controls" style="margin-left: 82px;">
-          HEATER={label:Heater, default:extruder, options:extruder|extruder1}
+          <div class="row-fluid">
-          TARGET={label:Target Temperature, unit:°C, default:190}
+            <div class="span12" style="margin-top:2px;">
-          WRITE_FILE={label:Write to File, default:0, options:0|1}
+              <textarea rows="2" class="block klipper-noresize">PID_CALIBRATE HEATER={label:Heater, default:extruder, options:extruder|extruder1} TARGET={label:Target Temperature, unit:°C, default:190} WRITE_FILE={label:Write to File, default:0, options:0|1}</textarea>
-        </pre>
+            </div>
+          </div>
+        </div>
       </div>
     </div>
     <!-- Leveling -->