setup/restore: fix alignment

dashboard/src/views/RestoreView.vue

@@ -326,7 +326,7 @@ onMounted(async () => {
       </div>
 
       <div class="view" v-else style="max-width: 500px;">
-        <h1>Cloudron Restore</h1>
+        <h1 style="text-align: center">Cloudron Restore</h1>
         <p>Provide the backup to restore from</p>
 
         <div>
@@ -415,11 +415,28 @@ onMounted(async () => {
           </fieldset>
         </form>
 
-        <div style="margin-top: 12px">
+        <div class="actions">
           <Button @click="onSubmit()" :disabled="busy || !isFormValid" :loading="busy">Restore</Button>
-          <a href="/setup.html" style="margin-left: 10px;">Looking to setup?</a>
+          <a class="setup" href="/setup.html">Looking to setup?</a>
         </div>
+
       </div>
     </Transition>
   </div>
 </template>
+
+<style scoped>
+
+.actions {
+  margin-top: 1.5em;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.actions .setup {
+  margin-top: 1em;
+  font-size: 0.9em;
+}
+
+</style>