UX: make input fields compatible with dark theme

UX: make input fields compatible with dark theme

diff --git a/assets/javascripts/initializers/extend-for-policy.js.es6 b/assets/javascripts/initializers/extend-for-policy.js.es6
index f70f094..b7a952d 100644
--- a/assets/javascripts/initializers/extend-for-policy.js.es6
+++ b/assets/javascripts/initializers/extend-for-policy.js.es6
@@ -300,13 +300,15 @@ function initializePolicy(api) {
   }
 
   function _attachSettingInput($container, setting, value) {
-    const $label = $(`<span class="policy-setting-name">${setting.name}</span>`);
+    const $label = $(
+      `<span class="policy-setting-name">${setting.name}</span>`
+    );
     const $input = $(
       `<input class="input policy-setting-value" id="policy-setting-${
         setting.name
       }" value="${value}" placeholder="${
         setting.optional ? "optional" : "required"
-      }">`
+      }" type="text">`
     );
     const $setting = $(`<div class="setting"></div>`);
 
diff --git a/assets/stylesheets/common/discourse-policy.scss b/assets/stylesheets/common/discourse-policy.scss
index 47f101f..5afab6c 100644
--- a/assets/stylesheets/common/discourse-policy.scss
+++ b/assets/stylesheets/common/discourse-policy.scss
@@ -121,6 +121,7 @@
 
       .policy-setting-value {
         flex: 4;
+        margin-bottom: 0;
       }
     }
   }

GitHub sha: 7a934832

1 Like