From eacc4ed945945d3327c47962f063624496c975ee Mon Sep 17 00:00:00 2001
From: Rafael dos Santos Silva <xfalcox@gmail.com>
Date: Thu, 28 Nov 2024 13:06:48 -0300
Subject: [PATCH] UX: Fix styling of AI Helper on quick edit (#975)

---
 .../modules/ai-helper/common/ai-helper.scss   |  4 ++-
 ...i-helper-fk-modals.scss => ai-helper.scss} | 27 +++++++++++++++++++
 plugin.rb                                     |  2 +-
 3 files changed, 31 insertions(+), 2 deletions(-)
 rename assets/stylesheets/modules/ai-helper/mobile/{ai-helper-fk-modals.scss => ai-helper.scss} (60%)

diff --git a/assets/stylesheets/modules/ai-helper/common/ai-helper.scss b/assets/stylesheets/modules/ai-helper/common/ai-helper.scss
index 839d08d6..e95728fa 100644
--- a/assets/stylesheets/modules/ai-helper/common/ai-helper.scss
+++ b/assets/stylesheets/modules/ai-helper/common/ai-helper.scss
@@ -272,13 +272,15 @@
 .edit-topic-title {
   .suggestion-button {
     margin: 0;
-    padding: 0.45rem;
+    padding: 0.465rem;
   }
 }
 
 #topic-title .edit-topic-title.showing-ai-suggestions {
   #edit-title {
     flex: 1 1 90%;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
   }
 
   .suggest-titles-button {
diff --git a/assets/stylesheets/modules/ai-helper/mobile/ai-helper-fk-modals.scss b/assets/stylesheets/modules/ai-helper/mobile/ai-helper.scss
similarity index 60%
rename from assets/stylesheets/modules/ai-helper/mobile/ai-helper-fk-modals.scss
rename to assets/stylesheets/modules/ai-helper/mobile/ai-helper.scss
index dd5a5ead..b35525b6 100644
--- a/assets/stylesheets/modules/ai-helper/mobile/ai-helper-fk-modals.scss
+++ b/assets/stylesheets/modules/ai-helper/mobile/ai-helper.scss
@@ -42,3 +42,30 @@
     }
   }
 }
+
+#topic-title .edit-topic-title.showing-ai-suggestions {
+  .category-chooser {
+    flex: 1 1 90%;
+  }
+  .ai-category-suggester-trigger {
+    padding: 0.425em;
+  }
+  .ai-tag-suggester-trigger {
+    padding: 0.45em;
+  }
+}
+
+.ios-device #topic-title .edit-topic-title.showing-ai-suggestions button {
+  &.ai-title-suggester-trigger {
+    padding-top: 0.4em;
+    padding-bottom: 0.4em;
+  }
+  &.ai-category-suggester-trigger {
+    padding-top: 0.4em;
+    padding-bottom: 0.25em;
+  }
+  &.ai-tag-suggester-trigger {
+    padding-top: 0.4em;
+    padding-bottom: 0.3em;
+  }
+}
diff --git a/plugin.rb b/plugin.rb
index d331672f..27fab72c 100644
--- a/plugin.rb
+++ b/plugin.rb
@@ -18,7 +18,7 @@ register_asset "stylesheets/common/streaming.scss"
 
 register_asset "stylesheets/modules/ai-helper/common/ai-helper.scss"
 register_asset "stylesheets/modules/ai-helper/desktop/ai-helper-fk-modals.scss", :desktop
-register_asset "stylesheets/modules/ai-helper/mobile/ai-helper-fk-modals.scss", :mobile
+register_asset "stylesheets/modules/ai-helper/mobile/ai-helper.scss", :mobile
 
 register_asset "stylesheets/modules/summarization/mobile/ai-summary.scss", :mobile
 register_asset "stylesheets/modules/summarization/common/ai-summary.scss"