disable macros button

src/js/macros.js

@@ -56,8 +56,11 @@ module.exports = {
     initial_tab: function () {
       return this.tab == 0;
     },
-    downloadMacrosUrl() {
-      return '/api/macros/download/' + this.state.macros_list.map(item => item.file_name).join(',');
+    download_macros_url: function () {
+      return "/api/macros/download/" + this.state.macros_list.map(item => item.file_name).join(",");
+    },
+    can_download_macros: function () {
+      return this.state.macros_list.length;
     },
   },
   methods: {

src/pug/templates/macros.pug

@@ -73,7 +73,7 @@ script#macros-template(type="text/x-template")
               .fa.fa-trash
               |  Yes
         
-        a(download, title="Download Macros", :href="downloadMacrosUrl", style="text-decoration: none;")
+        a(download, title="Download Macros", :href="download_macros_url", style="text-decoration: none;", :disabled="!can_download_macros")
           button.config-button.button-blue(style="width:160px;") Download Macros
 
     .warning-box

src/stylus/style.styl

@@ -708,7 +708,7 @@ span.unit
   .flex-row-container
     display flex
     flex-direction row
-    width 700px
+    width 710px
     margin-bottom 1rem
 
   .tabs