From c0d7cf597258088ceb027d7a15be933fe04ced8a Mon Sep 17 00:00:00 2001
From: wanxp <977741432@qq.com>
Date: Mon, 21 Nov 2022 13:26:51 +0800
Subject: [PATCH] optimize sync config panel

---
 .../wanxp/douban/component/DoubanSyncModal.ts | 19 ++++++++++---------
 styles.css                                    | 13 +++++++------
 2 files changed, 17 insertions(+), 15 deletions(-)

diff --git a/src/org/wanxp/douban/component/DoubanSyncModal.ts b/src/org/wanxp/douban/component/DoubanSyncModal.ts
index d1b6c50..e2fc684 100644
--- a/src/org/wanxp/douban/component/DoubanSyncModal.ts
+++ b/src/org/wanxp/douban/component/DoubanSyncModal.ts
@@ -72,8 +72,8 @@ export class DoubanSyncModal extends Modal {
 			this.showProgress(sliderDiv,syncButton);
 		}, 1000);
 
-		syncButton.setClass("obsidian_douban_search_button");
-		cancelButton.setClass("obsidian_douban_search_button");
+		syncButton.setClass("obsidian_douban_status_button");
+		cancelButton.setClass("obsidian_douban_status_button");
 
 	}
 
@@ -111,7 +111,11 @@ export class DoubanSyncModal extends Modal {
 		};
 		this.showConfigPan(contentEl.createDiv('config'), syncConfig, false);
 		const controls = contentEl.createDiv("controls");
-
+		const cancelButton = new ButtonComponent(controls)
+			.setButtonText(i18nHelper.getMessage('110005'))
+			.onClick(() => {
+				this.close();
+			});
 		const syncButton = new ButtonComponent(controls)
 			.setButtonText(i18nHelper.getMessage('110007'))
 			.onClick(async () => {
@@ -127,13 +131,10 @@ export class DoubanSyncModal extends Modal {
 				await this.plugin.sync(this.context);
 			})
 
-		const cancelButton = new ButtonComponent(controls)
-			.setButtonText(i18nHelper.getMessage('110005'))
-			.onClick(() => {
-				this.close();
-			});
-		cancelButton.setClass("obsidian_douban_search_button");
+
 		syncButton.setClass("obsidian_douban_search_button");
+		cancelButton.setClass("obsidian_douban_search_button");
+
 	}
 
 	private updateContextByConfig(syncConfig: SyncConfig) {
diff --git a/styles.css b/styles.css
index 683973e..8875f4c 100644
--- a/styles.css
+++ b/styles.css
@@ -33,9 +33,14 @@
 }
 
 .obsidian_douban_search_button {
-    margin-top: 10px;
+    margin-top: 30px;
     margin-right: 10px;
-	horiz-align: right;
+	float:right;
+}
+
+.obsidian_douban_status_button {
+	margin-top: 5px;
+	margin-right: 10px;
 	float:right;
 }
 
@@ -72,10 +77,6 @@
 	margin-bottom: 1px;
 	width: 90%;
 }
-.obsidian_douban_sync_slider.with_number {
-	display: inline-flex;
-	align-items: center;
-}