From d8ab054da15497adda0d7a32cc37509f4180080d Mon Sep 17 00:00:00 2001
From: fyears <1142836+fyears@users.noreply.github.com>
Date: Fri, 5 Apr 2024 11:49:55 +0800
Subject: [PATCH] change css on mobile to make multiple buttons happy

---
 src/settings.ts | 3 +++
 styles.css      | 4 ++++
 2 files changed, 7 insertions(+)

diff --git a/src/settings.ts b/src/settings.ts
index 532a110..bbba7cc 100644
--- a/src/settings.ts
+++ b/src/settings.ts
@@ -2156,6 +2156,9 @@ export class RemotelySaveSettingTab extends PluginSettingTab {
     importExportDiv.createEl("h2", {
       text: t("settings_importexport"),
     });
+    if (Platform.isMobile) {
+      importExportDiv.addClass("setting-need-wrapping-mobile");
+    }
 
     new Setting(importExportDiv)
       .setName(t("settings_export"))
diff --git a/styles.css b/styles.css
index 6e27ef2..49d659f 100644
--- a/styles.css
+++ b/styles.css
@@ -74,3 +74,7 @@
   color: red;
   font-weight: bolder;
 }
+
+.setting-need-wrapping-mobile .setting-item-control {
+  flex-wrap: wrap;
+}