more mobile support

Author: hry-gh

frontend/src/components/activeBans.tsx

@@ -58,7 +58,7 @@ export const ActiveBans: React.FC = () => {
   }
 
   return (
-    <div className="flex flex-col gap-3">
+    <div className="flex flex-col gap-3 min-w-0">
       <h1 className="text-2xl font-bold">View Active Bans</h1>
 
       <div className="flex flex-row flex-wrap gap-3 items-center">

frontend/src/components/banHistory.tsx

@@ -55,7 +55,7 @@ export const BanHistory: React.FC = () => {
   }
 
   return (
-    <div className="flex flex-col gap-3">
+    <div className="flex flex-col gap-3 min-w-0">
       <h1 className="text-2xl font-bold">Ban History</h1>
 
       <div className="text-gray-400 text-sm">

frontend/src/components/stickybanModal.tsx

@@ -20,7 +20,7 @@ export const StickybanModal: React.FC<StickybanModalProps> = (
 	const { stickybans } = props;
 
 	return (
-		<div className="pt-10">
+		<div>
 			<div className="flex flex-row justify-center text-xl">Stickyban Menu</div>
 			<div className="overflow-auto max-h-[800px] border-[#3f3f3f] border p-3">
 				<table className="w-full">