added gcode viewer in macros (maded it editable ),

src/pug/templates/macros.pug

@@ -11,12 +11,12 @@ script#macros-template(type="text/x-template")
           | Upload
     h1 Macros Configuration
     button.pure-button(title="Print config.", @click="resetConfig",
-        style="height:50px;width:170px;font-weight:normal;color:#fff;background-color:#5a9ad7") Reset Macros
+        style="height:50px;width:170px;font-weight:normal;color:#fff;background-color:#5a9ad7;display:flex;align-items:center;justify-content:space-around") Reset Macros
         .fa.fa-rotate-right
     .warning-box
         p
-        u  Note:
-        |  Reset the macros to default macros recommended by Onefinity CNC.
+                u  Note:
+                |  Reset the macros to default macros recommended by Onefinity CNC.
     .tabs
         input#tab1(type="radio", name="tabs",checked="" @click="tab = '1'")
         label(for="tab1",style="height:50px;width:100px") Macros 1
@@ -44,7 +44,7 @@ script#macros-template(type="text/x-template")
                                 input.input-name(type="text",minlength='1',maxlength='15',id="macros-name-0")
                         p.title G-Code
                         select(title="Select previously uploaded GCode programs.",
-                                v-model="state.selected", @change="load", :disabled="!is_ready",
+                                @change="load", :disabled="!is_ready",
                                 style="max-width:100%;height:40px;border-radius:5px")
                                 option(v-for="file in state.files", :value="file") {{file}}