test

src/js/app.js

@@ -114,7 +114,7 @@ module.exports = new Vue({
             full_version: "<loading>",
             ip: "<>",
             wifiName: "not connected",
-            macros:[{id:0,name:"Macrostest",color:'#434242',gcode:"test.ngc"}]
+            macros:[]
           },
           state: {
             messages: [],

src/pug/templates/control-view.pug

@@ -209,6 +209,7 @@ script#control-view-template(type="text/x-template")
 
     .macros-div
       .macros-buttons(v-if="this.config.macros!=undefined")
+          p there is a active macro
           .submit-macros(v-if="isMacrosPresent()")
             a(href="#macros") Edit Macros
       .macros-buttons(v-if="this.config.macros==undefined")

src/stylus/style.styl

@@ -613,8 +613,10 @@ span.unit
 
   .macros-div
     height 50px
-    width 120px
+    width 85%
     margin 10px
+    margin-left 50px
+
     
   .submit-macros
     height 50px
@@ -1071,9 +1073,9 @@ tt.save
     padding-left 10px
   
   .input-container
-    height 40px
+    display flex
+    height 50px
     align-items center
-    vertical-align baseline
     
   
   p.title