set max count to 20

src/pug/templates/macros.pug

@@ -38,10 +38,10 @@ script#macros-template(type="text/x-template")
             |  Yes
 
     message(:show.sync="maxLimitReached")
-        h3(slot="header") Delete Selected Macros?
-        p(slot="body")
+        div(slot="body")
+            p You have reached the maximum macros limit
         div(slot="footer")
-          button.pure-button.button-secondary(@click="maxLimitReached = false") OK
+          button.pure-button.button-submit(@click="maxLimitReached = false") OK
 
     h1 Macros Configuration
     .flex-row-container
@@ -49,7 +49,7 @@ script#macros-template(type="text/x-template")
         button.blue-button(title="Add a Macros", @click="addNewMacros", style="margin-left:5px") New Macros
         // button.blue-button(title="Delete a Macros", @click="deleteSelected=true", style="margin-left:5px",:disabled="!macrosLength") Delete Selected
 
-    .macros-tabs
+    .tabs
         input#tab1(type="radio", name="tabs",checked="", @click="tab = '1'")
         label(for="tab1",style="height:50px;width:100px") Macros 1