used iteration of pug

src/pug/templates/macros.pug

@@ -36,9 +36,10 @@ script#macros-template(type="text/x-template")
                 .fa.fa-plus
 
     .tabs
-        input(type="radio",v-for="(index,macros) in config.macros",:id="'tab'+index",
-                :name="'tab'+index", @click="tab=index")
-        label(v-for="(index,macros) in config.macros",:for="'tab'+index",style="height:50px;width:100px") Macros {{index+1}}
+        each (index, macros) in config.macros
+                input(type="radio",:id="'tab'+index",
+                        :name="'tab'+index", @click="tab=index.toString()")
+                label(:for="'tab'+index",style="height:50px;width:100px") Macros {{index+1}}
 
         section.tab-content(v-for="(index,macros) in config.macros",:id="'content'+index" ,v-show="tab === index")
                 .macros-form

src/stylus/style.styl

@@ -655,9 +655,11 @@ span.unit
     height 50px
     margin-bottom 1rem
     width 190px 
+    border-radius 2px
+    border 0
     font-weight normal
     color #fff 
-    background-color #5a9ad7 
+    background-color #0078e7
     display flex 
     align-items center 
     justify-content space-around