checking undefined

src/pug/templates/control-view.pug

@@ -208,10 +208,9 @@ script#control-view-template(type="text/x-template")
                       .bar(:style="'width:' + (progress || 0) * 100 + '%'")
 
     .macros-div
-      p Macros
-      .macros-buttons(class="present",v-if="isMacrosPresent")
+      .macros-buttons(class="present",v-if="config.macros!='undefined'")
         p there is a active macro
-      .macros-buttons(class ="absent",v-if="!isMacrosPresent")
+      .macros-buttons(class ="absent",v-if="config.macros=='undefined'")
         p there is No macro
 
 

src/pug/templates/macros.pug

@@ -20,7 +20,7 @@ script#macros-template(type="text/x-template")
               accept=".nc,.ngc,.gcode,.gc")
         br
         button.submit-macros(title="Save Macros",@click="saveMacros",
-                style="height:50px;width:140px;font-weight:normal;background-color:#add1ad;color:#fff;border-color:#add1ad;margin-top:15px") Save Macros
+                style="height:50px;width:140px;font-weight:normal;background-color:#add1ad;color:#fff;border-color:#add1ad;margin-top:30px") Save Macros
         button.pure-button(title="Print config.", @click="printConfig",
                 style="height:50px;width:120px;font-weight:normal;padding-top:5px") print Config
 

src/stylus/style.styl

@@ -532,7 +532,7 @@ span.unit
 
   .tabs
      padding-top 40px
-     
+
     section
       min-height 500px
       overflow-x hidden
@@ -1056,8 +1056,9 @@ tt.save
 .pure-form-aligned .pure-control-group label.extra
     width 8em
 
-#macros
+.macros-view
   padding 30px
+  width 95%
 
   .macros-form
     padding-left 50px