diff --git a/ui/src/components/BulmaButton.vue b/ui/src/components/BulmaButton.vue
new file mode 100644
index 0000000..77eb481
--- /dev/null
+++ b/ui/src/components/BulmaButton.vue
@@ -0,0 +1,25 @@
+
+  
+
+
+
+
+
diff --git a/ui/src/components/DoorMapEditor.vue b/ui/src/components/DoorMapEditor.vue
index 7891951..6cd7b54 100644
--- a/ui/src/components/DoorMapEditor.vue
+++ b/ui/src/components/DoorMapEditor.vue
@@ -8,7 +8,13 @@
     
     
       
-      
+      
+        Speichern
+      
     
   
 
@@ -18,6 +24,7 @@ import { Door, DoorSerialized } from "@/lib/door";
 import { Options, Vue } from "vue-class-component";
 
 import BulmaBreadcrumbs, { Step } from "./BulmaBreadcrumbs.vue";
+import BulmaButton from "./BulmaButton.vue";
 import Calendar from "./Calendar.vue";
 import DoorChooser from "./calendar/editor/DoorChooser.vue";
 import DoorPlacer from "./calendar/editor/DoorPlacer.vue";
@@ -25,6 +32,7 @@ import DoorPlacer from "./calendar/editor/DoorPlacer.vue";
 @Options({
   components: {
     BulmaBreadcrumbs,
+    BulmaButton,
     DoorPlacer,
     DoorChooser,
     Calendar,
@@ -39,7 +47,7 @@ export default class extends Vue {
   public current_step = 0;
   public doors: Door[] = [];
 
-  public submit() {
+  public save_doors() {
     const data: DoorSerialized[] = [];
 
     for (const door of this.doors) {