matrix-moderation-widget

commit 27735249e9db08bc792b321649b5f5e44c0bcab3
parent 40eb2ab34a954e3f43b0abedc66425bf32e40cb8
Author: MTRNord <mtrnord1@gmail.com>
Date:   Thu,  3 Mar 2022 17:28:02 +0100

Add some css fixes

Diffstat:
M
src/components/Banlist.tsx
 | 
4
++--
M
src/components/Home.tsx
 | 
6
+++---

2 files changed, 5 insertions(+), 5 deletions(-)
diff --git a/src/components/Banlist.tsx b/src/components/Banlist.tsx
@@ -89,7 +89,7 @@ class BanList extends PureComponent<Props, State> {
                     <input onChange={this.onSearch.bind(this)} value={filter} placeholder="Search for user or server" className='py-1.5 px-2 rounded border-none placeholder:text-gray-900 text-gray-9000'></input>
                 </div>
                 <div className='flex flex-row justify-between content-between w-full'>
-                    <section className='mr-2'>
+                    <section className='mr-2 w-full'>
                         <h3 className="text-2xl font-bold text-gray-900 dark:text-gray-200 mb-2">User Bans ({user_rules.length})</h3>
                         <table className='table-auto border-collapse border-2 border-slate-500 text-gray-900 dark:text-gray-200 text-base font-normal break-words w-full'>
                             <thead>
@@ -127,7 +127,7 @@ class BanList extends PureComponent<Props, State> {
                             </tbody>
                         </table>
                     </section>
-                    <section>
+                    <section className="w-full">
                         <h3 className="text-2xl font-bold text-gray-900 dark:text-gray-200 mb-2">Server Bans ({server_rules.length})</h3>
                         <table className='table-auto border-collapse border-2 border-slate-500 text-gray-900 dark:text-gray-200 text-base font-normal break-words w-full'>
                             <thead>
diff --git a/src/components/Home.tsx b/src/components/Home.tsx
@@ -14,13 +14,13 @@ class Home extends PureComponent<Props, State> {
                 <h1 className="text-3xl font-bold underline text-gray-900 dark:text-gray-200 mb-4">Home</h1>
                 <div className='flex flex-row justify-center items-center flex-wrap'>
                     <div className='flex flex-row flex-wrap'>
-                        <section className='mr-16 mb-16'>
+                        <section className='mr-16 mb-16 max-w-full'>
                             <BanForm />
                         </section>
-                        <section className='mr-16 mb-16'>
+                        <section className='mr-16 mb-16 max-w-full'>
                             <KickForm />
                         </section>
-                        <section>
+                        <section className="max-w-full">
                             <RedactForm />
                         </section>
                     </div>