Fix margin inside containers

nalves599 · nalves599 · commit f70976d53ebc · 2025-02-06T14:32:48.000Z
diff --git a/src/app/(authenticated)/companies/[id]/connections/page.tsx b/src/app/(authenticated)/companies/[id]/connections/page.tsx
@@ -20,7 +20,7 @@ export default async function CompanyConnections({
   }
 
   return (
-    <div className="container m-auto h-full">
+    <div className="container mx-auto h-full">
       <List title="Company connections">
         {connections.map((u) => (
           <UserTile key={u.id} user={u} />
diff --git a/src/app/(authenticated)/companies/[id]/page.tsx b/src/app/(authenticated)/companies/[id]/page.tsx
@@ -47,7 +47,7 @@ export default async function Company({ params }: { params: CompanyParams }) {
   const companyConnections = await CompanyService.getConnections(companyID);
 
   return (
-    <div className="container m-auto h-full">
+    <div className="container mx-auto h-full">
       <div className="flex flex-col items-center gap-y-2 p-4 text-center">
         <h2 className="text-2xl font-bold">{company.name}</h2>
         <Image
diff --git a/src/app/(authenticated)/companies/[id]/promote/page.tsx b/src/app/(authenticated)/companies/[id]/promote/page.tsx
@@ -23,7 +23,7 @@ export default async function CompanyPromote({
   const session = await getServerSession(authOptions);
 
   return (
-    <div className="container m-auto h-full">
+    <div className="container mx-auto h-full">
       <CompanyPromoteScanner
         company={company}
         cannonToken={session!.cannonToken}
diff --git a/src/app/(authenticated)/companies/page.tsx b/src/app/(authenticated)/companies/page.tsx
@@ -12,7 +12,7 @@ export default async function Companies() {
   companies = companies.sort((a, b) => a.name.localeCompare(b.name));
 
   return (
-    <div className="container m-auto h-full">
+    <div className="container mx-auto h-full">
       <CompaniesList companies={companies} />
     </div>
   );
diff --git a/src/app/(authenticated)/home/page.tsx b/src/app/(authenticated)/home/page.tsx
@@ -36,7 +36,7 @@ export default async function Home() {
     : [];
 
   return (
-    <div className="container m-auto h-full">
+    <div className="container mx-auto h-full">
       {/* Upcoming Sessions */}
       <List title="Next Up" link="/schedule?day=today" linkText="See all">
         {upcomingSessions.length > 0 ? (
diff --git a/src/app/(authenticated)/layout.tsx b/src/app/(authenticated)/layout.tsx
@@ -15,7 +15,7 @@ export default async function AuthenticatedLayout({
   return (
     <div className="min-h-screen text-white flex flex-col">
       <Toolbar />
-      <div className="flex-1 bg-gray-100 text-black pb-navbar">{children}</div>
+      <div className="flex-1 bg-gray-100 text-black pb-navbar flex flex-col">{children}</div>
       <BottomNavbar />
     </div>
   );
diff --git a/src/app/(authenticated)/prizes/page.tsx b/src/app/(authenticated)/prizes/page.tsx
@@ -37,7 +37,7 @@ export default async function Prizes() {
   }
 
   return (
-    <div className="container m-auto h-full">
+    <div className="container mx-auto h-full">
       <div className="flex flex-col items-start gap-y-2 p-4 text-start text-sm">
         <h1 className="text-2xl font-bold">Prizes</h1>
         {user && isCompany(user.role) && (
diff --git a/src/app/(authenticated)/profile/achievements/page.tsx b/src/app/(authenticated)/profile/achievements/page.tsx
@@ -31,7 +31,7 @@ export default async function Achievements() {
   ).sort() as AchievementKind[];
 
   return (
-    <div className="container m-auto h-full">
+    <div className="container mx-auto h-full">
       <div className="flex flex-col items-start gap-y-2 p-4 text-start text-sm">
         <h1 className="text-2xl font-bold">Achievements</h1>
         <span className="text-gray-600">
diff --git a/src/app/(authenticated)/profile/connections/page.tsx b/src/app/(authenticated)/profile/connections/page.tsx
@@ -8,7 +8,7 @@ export default async function Connections() {
   const user: User | null = await UserService.getMe(session!.cannonToken);
 
   return (
-    <div className="container m-auto h-full">
+    <div className="container mx-auto h-full">
       <List title="Connections"></List>
     </div>
   );
diff --git a/src/app/(authenticated)/profile/page.tsx b/src/app/(authenticated)/profile/page.tsx
@@ -30,7 +30,7 @@ export default async function Profile() {
   );
 
   return (
-    <div className="container m-auto h-full">
+    <div className="container mx-auto h-full">
       <ProfileHeader user={user} />
       <div className="px-4 py-2">
         <Link
diff --git a/src/app/(authenticated)/qr/scan/QRScanner.tsx b/src/app/(authenticated)/qr/scan/QRScanner.tsx
@@ -74,7 +74,7 @@ export default function QRScanner({ user, cannonToken }: QRScannerProps) {
   }, [statusCard]);
 
   return (
-    <div className="container m-auto h-full">
+    <div className="container mx-auto h-full">
       <QRCodeScanner
         onQRCodeScanned={handleQRCodeScanned}
         bottomCard={bottomCard}
diff --git a/src/app/(authenticated)/qr/scan/page.tsx b/src/app/(authenticated)/qr/scan/page.tsx
@@ -11,7 +11,7 @@ export default async function ScanQRCode() {
   if (!user) return <UserSignOut />;
 
   return (
-    <div className="container m-auto h-full">
+    <div className="container mx-auto h-full">
       <QRScanner user={user} cannonToken={session!.cannonToken} />
     </div>
   );
diff --git a/src/app/(authenticated)/schedule/page.tsx b/src/app/(authenticated)/schedule/page.tsx
@@ -9,7 +9,7 @@ export default async function Schedule() {
   }
 
   return (
-    <div className="container m-auto h-full">
+    <div className="container mx-auto h-full">
       <ScheduleTable sessions={sessions} />
     </div>
   );
diff --git a/src/app/(authenticated)/sessions/[id]/check-in/page.tsx b/src/app/(authenticated)/sessions/[id]/check-in/page.tsx
@@ -23,7 +23,7 @@ export default async function SessionCheckIn({
   const session = await getServerSession(authOptions);
 
   return (
-    <div className="container m-auto h-full">
+    <div className="container mx-auto h-full">
       <SessionCheckInScanner
         sinfoSession={sinfoSession}
         cannonToken={session!.cannonToken}
diff --git a/src/app/(authenticated)/sessions/[id]/page.tsx b/src/app/(authenticated)/sessions/[id]/page.tsx
@@ -31,7 +31,7 @@ export default async function Session({ params }: { params: SessionParams }) {
   const user: User | null = await UserService.getMe(session!.cannonToken);
 
   return (
-    <div className="container m-auto h-full">
+    <div className="container mx-auto h-full">
       <div className="flex flex-col items-center gap-y-2 p-4 text-center text-sm">
         {sinfoSession.company && (
           <span className="text-2xl text-gray-600">
diff --git a/src/app/(authenticated)/sessions/[id]/participants/page.tsx b/src/app/(authenticated)/sessions/[id]/participants/page.tsx
@@ -44,7 +44,7 @@ export default async function SessionParticipants({
     (sessionAchievement.users?.length ?? 0) + unregisteredUsers;
 
   return (
-    <div className="container m-auto h-full">
+    <div className="container mx-auto h-full">
       <List
         title="Participants"
         description={`Total ${totalUsers} participants (${unregisteredUsers} unregistered users)`}
diff --git a/src/app/(authenticated)/speakers/[id]/page.tsx b/src/app/(authenticated)/speakers/[id]/page.tsx
@@ -22,7 +22,7 @@ export default async function Speaker({ params }: { params: SpeakerParams }) {
   );
 
   return (
-    <div className="container m-auto h-full">
+    <div className="container mx-auto h-full">
       <div className="flex flex-col items-center gap-y-2 p-4 text-center">
         <h2 className="text-2xl font-bold">{speaker.name}</h2>
         <Image
diff --git a/src/app/(authenticated)/speakers/page.tsx b/src/app/(authenticated)/speakers/page.tsx
@@ -12,7 +12,7 @@ export default async function Speakers() {
   speakers = speakers.sort((a, b) => a.name.localeCompare(b.name));
 
   return (
-    <div className="container m-auto h-full">
+    <div className="container mx-auto h-full">
       <SpeakersList speakers={speakers} />
     </div>
   );
diff --git a/src/app/(authenticated)/terms-and-conditions/layout.tsx b/src/app/(authenticated)/terms-and-conditions/layout.tsx
@@ -6,7 +6,7 @@ export default function TermsAndConditionsLayout({
   children: ReactNode;
 }) {
   return (
-    <div className="container m-auto h-full">
+    <div className="container mx-auto h-full">
       <div className="p-4">
         <h2 className="text-2xl font-bold mb-4">Terms and conditions</h2>
         <div className="flex flex-col justify-start items-start gap-4">
diff --git a/src/app/(authenticated)/users/[id]/page.tsx b/src/app/(authenticated)/users/[id]/page.tsx
@@ -38,7 +38,7 @@ export default async function UserProfile({
   );
 
   return (
-    <div className="container m-auto h-full">
+    <div className="container mx-auto h-full">
       <ProfileHeader user={userProfile} />
       {!isMyself && (
         <div className="px-4 py-2">
diff --git a/src/components/BottomNavbar/index.tsx b/src/components/BottomNavbar/index.tsx
@@ -23,7 +23,7 @@ export default async function BottomNavbar() {
 
   return (
     <div className="fixed z-10 bottom-0 left-0 right-0 bg-sinfo-primary">
-      <div className="relative container m-auto flex h-navbar flex-row">
+      <div className="relative container mx-auto flex h-navbar flex-row">
         {navbarItemKeysByRole[convertToAppRole(user.role)].map((k) => (
           <NavbarItem key={k} name={k} />
         ))}
diff --git a/src/components/Toolbar/index.tsx b/src/components/Toolbar/index.tsx
@@ -24,7 +24,7 @@ export default function Toolbar() {
     <>
       <Sidebar show={isExpanded} onClose={() => setIsExpanded(false)} />
       <div className="sticky top-0 z-10 bg-sinfo-primary">
-        <div className="container m-auto p-4 flex flex-col gap-4">
+        <div className="container mx-auto p-4 flex flex-col gap-4">
           <nav className="flex flex-row items-center">
             <div className="w-1/6 flex justify-start items-center">
               {showMenu ? (

Original file line number	Diff line number	Diff line change
`@@ -20,7 +20,7 @@ export default async function CompanyConnections({`
`20`	`20`	`}`
`21`	`21`
`22`	`22`	`return (`
`23`		`- <div className="container m-auto h-full">`
	`23`	`+ <div className="container mx-auto h-full">`
`24`	`24`	`<List title="Company connections">`
`25`	`25`	`{connections.map((u) => (`
`26`	`26`	`<UserTile key={u.id} user={u} />`
Original file line number	Diff line number	Diff line change
`@@ -37,7 +37,7 @@ export default async function Prizes() {`
`37`	`37`	`}`
`38`	`38`
`39`	`39`	`return (`
`40`		`- <div className="container m-auto h-full">`
	`40`	`+ <div className="container mx-auto h-full">`
`41`	`41`	`<div className="flex flex-col items-start gap-y-2 p-4 text-start text-sm">`
`42`	`42`	`<h1 className="text-2xl font-bold">Prizes</h1>`
`43`	`43`	`{user && isCompany(user.role) && (`