More style fixes to Restore and Setup view

dashboard/src/views/RestoreView.vue

@@ -327,12 +327,12 @@ onMounted(async () => {
 
       <div class="view" v-else style="max-width: 500px;">
         <h1 style="text-align: center">Cloudron Restore</h1>
-        <p>Provide the backup to restore from</p>
-
-        <div>
+        <p>Provide the backup information to restore from, or
           <input type="file" ref="backupConfigFileInput" @change="onBackupConfigChanged" accept="application/json, text/json" style="display:none"/>
-          <Button @click="onUploadBackupConfig()">Upload Backup Config</Button>
-        </div>
+          <button type="button" style="background: none; border: none; color: #007bff; cursor: pointer; text-decoration: underline; padding: 0;" @click="onUploadBackupConfig()">
+            upload a Backup Config
+          </button>
+        </p>
 
         <div class="error-label" v-if="formError.generic">{{ formError.generic }}</div>
 
@@ -405,7 +405,7 @@ onMounted(async () => {
 
             <div style="margin-top: 18px">
               <Checkbox v-model="skipDnsSetup" label="Dry run"/>
-              <small>
+              <small class="helper-text">
                 When enabled, apps are restored but the DNS records are not updated to point to this server.
                 To access the dashboard, this browser's host must have an entry in <code>/etc/hosts</code> for the dashboard domain to this server's IP.
                 See the <a href="https://docs.cloudron.io/backups/#dry-run" target="_blank">docs</a> for more information.