matrix-moderation-widget

commit 409b2bf5ddf13248bb71556872c9fd15ad913df7
parent 5bdba6e915778870f747f3027ca8d44a8538d8a4
Author: MTRNord <mtrnord1@gmail.com>
Date:   Sun, 20 Feb 2022 21:16:01 +0100

Improve form

Diffstat:
M
src/components/BanForm.tsx
 | 
8
++++----

1 file changed, 4 insertions(+), 4 deletions(-)
diff --git a/src/components/BanForm.tsx b/src/components/BanForm.tsx
@@ -87,9 +87,9 @@ class BanForm extends PureComponent<Props, State> {
                 <form onSubmit={this.handleSubmit.bind(this)} className="grid grid-cols-1 gap-4">
                     <label className="inner-flex flex-col">
                         <span className="text-gray-900 dark:text-gray-200 visually-hidden mb-2">Bantype</span>
-                        <h4 className="text-gray-900 dark:text-gray-200 text-base font-normal mb-2">(Warning: This doesn't check if the banlist can be written to or the bot if watches it)</h4>
+                        <h4 className="text-gray-900 dark:text-gray-200 text-base font-thin mb-2 w-96 italic">(Warning: This doesn't check if the banlist can be written to or the bot if watches it)</h4>
                         <div className="w-96">
-                            <select required name="banlist" value={banlist ?? ""} className="max-w-full placeholder:text-gray-900 text-gray-900 rounded py-1.5 px-2" onChange={this.handleInputChange.bind(this)}>
+                            <select required name="banlist" value={banlist ?? ""} className="max-w-full min-w-full placeholder:text-gray-900 text-gray-900 rounded py-1.5 px-2" onChange={this.handleInputChange.bind(this)}>
                                 <option value="" disabled>Select an Banlist</option>
                                 {
                                     [...aliases_shortcodes].map(([alias, shortcode]) => {
@@ -111,13 +111,13 @@ class BanForm extends PureComponent<Props, State> {
                     </label>
                     <label className="block w-96">
                         <span className="text-gray-900 dark:text-gray-200 visually-hidden mb-2">Glob</span>
-                        <div className="mt-1 w-full flex flex-row box-border items-center cursor-text duration-300">
+                        <div className="mt-1 w-full flex flex-row box-border items-center cursor-text duration-300 max-w-full">
                             <input placeholder="Glob" className="rounded py-1.5 px-2 min-w-[1.25rem] flex-[1] border-none placeholder:text-gray-900 text-gray-900" type="text" name="glob" value={glob} onChange={this.handleInputChange.bind(this)} />
                         </div>
                     </label>
                     <label className="block w-96">
                         <span className="text-gray-900 dark:text-gray-200 visually-hidden mb-2">Reason</span>
-                        <div className="mt-1 w-full flex flex-row box-border items-center cursor-text duration-300">
+                        <div className="mt-1 w-full flex flex-row box-border items-center cursor-text duration-300 max-w-full">
                             <input placeholder="Reason" className="rounded py-1.5 px-2 min-w-[1.25rem] flex-[1] border-none placeholder:text-gray-900 text-gray-900" type="text" name="reason" value={reason} onChange={this.handleInputChange.bind(this)} />
                         </div>
                     </label>