UX: Fix styling of AI Helper on quick edit (#975)

Author: xfalcox

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 {

assets/stylesheets/modules/ai-helper/mobile/ai-helper-fk-modals.scss renamed to 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;
+  }
+}

plugin.rb

@@ -18,7 +18,7 @@
 
 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"