UX: Admin watched words UI tweaks (#12956)

UX: Admin watched words UI tweaks (#12956)

diff --git a/app/assets/javascripts/admin/addon/templates/components/watched-word-form.hbs b/app/assets/javascripts/admin/addon/templates/components/watched-word-form.hbs
index 66b148c..dbc7c86 100644
--- a/app/assets/javascripts/admin/addon/templates/components/watched-word-form.hbs
+++ b/app/assets/javascripts/admin/addon/templates/components/watched-word-form.hbs
@@ -1,12 +1,12 @@
 <div class="watched-word-input">
   <label for="watched-word">{{i18n "admin.watched_words.form.label"}}</label>
-  {{text-field id="watched-word" value=word disabled=formSubmitted class="watched-word-input" autocorrect="off" autocapitalize="off" placeholderKey=placeholderKey title=(i18n placeholderKey)}}
+  {{text-field id="watched-word" value=word disabled=formSubmitted class="watched-word-input-field" autocorrect="off" autocapitalize="off" placeholderKey=placeholderKey title=(i18n placeholderKey)}}
 </div>
 
 {{#if canReplace}}
   <div class="watched-word-input">
     <label for="watched-replacement">{{i18n "admin.watched_words.form.replacement_label"}}</label>
-    {{text-field id="watched-replacement" value=replacement disabled=formSubmitted class="watched-word-input" autocorrect="off" autocapitalize="off" placeholderKey="admin.watched_words.form.replacement_placeholder"}}
+    {{text-field id="watched-replacement" value=replacement disabled=formSubmitted class="watched-word-input-replace" autocorrect="off" autocapitalize="off" placeholderKey="admin.watched_words.form.replacement_placeholder"}}
   </div>
 {{/if}}
 
diff --git a/app/assets/stylesheets/common/admin/staff_logs.scss b/app/assets/stylesheets/common/admin/staff_logs.scss
index c3f9a31..9d70972 100644
--- a/app/assets/stylesheets/common/admin/staff_logs.scss
+++ b/app/assets/stylesheets/common/admin/staff_logs.scss
@@ -376,7 +376,13 @@ table.screened-ip-addresses {
 .watched-word-input {
   label {
     display: inline-block;
-    min-width: 120px;
+    min-width: 150px;
+  }
+  input.watched-word-input-field {
+    min-width: 300px;
+  }
+  input.watched-word-input-replace {
+    min-width: 260px;
   }
 }
 
diff --git a/config/locales/client.en.yml b/config/locales/client.en.yml
index eaa0cd6..ec8c4ef 100644
--- a/config/locales/client.en.yml
+++ b/config/locales/client.en.yml
@@ -4707,8 +4707,8 @@ en:
           replace: "Replace words in posts with other words or links"
           tag: "Automatically tag topics based on first post"
         form:
-          label: "Has the word"
-          placeholder: "full word or * as wildcard"
+          label: "Has word or phrase"
+          placeholder: "Enter word or phrase (* is a wildcard)"
           placeholder_regexp: "regular expression"
           replacement_label: "Replacement"
           replacement_placeholder: "example or https://example.com"

GitHub sha: aec52ce0

This commit appears in #12956 which was approved by SamSaffron. It was merged by SamSaffron.