From dc7cce5e118e49a28ac1fd41184a80fd628d37a3 Mon Sep 17 00:00:00 2001
From: Liam Arbuckle <liam@skinetics.tech>
Date: Thu, 18 Jan 2024 23:27:33 +1100
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=81=F0=9F=A7=BC=20=E2=86=9D=20Identify?=
 =?UTF-8?q?ing=20that=20no=20crafting=20recipes=20are=20being=20inforced?=
 =?UTF-8?q?=20on=20structure=20creation=20for=20[=20GP-11=20]=20yet?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/Content/ClassificationFeed.tsx              | 10 +++++-----
 .../Content/Planets/Activities/StructureCreate.tsx     |  8 ++++----
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/components/Content/ClassificationFeed.tsx b/components/Content/ClassificationFeed.tsx
index 94b8a60e..5b7a49db 100644
--- a/components/Content/ClassificationFeed.tsx
+++ b/components/Content/ClassificationFeed.tsx
@@ -57,11 +57,11 @@ export default function ClassificationFeed({ custommaxWidth = '85%' }) {
       <ul
         aria-label="Nested user feed"
         role="feed"
-        className="relative flex flex-col gap-12 py-12 pl-8 before:absolute before:top-0 before:left-8 before:h-full before:-translate-x-1/2 after:absolute after:top-6 after:left-8 after:bottom-6 after:-translate-x-1/2"
+        className="relative flex flex-col gap-12 py-12 before:absolute before:top-0 before:left-8 before:h-full before:-translate-x-1/2 after:absolute after:top-6 after:left-8 after:bottom-6 after:-translate-x-1/2"
         style={{ maxWidth: custommaxWidth, margin: 'auto' }}
       >
         {posts.map((post) => (
-          <li key={post.id} role="article" className="relative pl-8">
+          <li key={post.id} role="article" className="relative px-4">
             <CardForum {...post} />
           </li>
         ))}
@@ -129,7 +129,7 @@ export function FactionFeed({ custommaxWidth = '85%', factionId }) {
       style={{ maxWidth: custommaxWidth, margin: 'auto' }}
     >
       {posts.map((post) => (
-        <li key={post.id} role="article" className="relative pl-8">
+        <li key={post.id} role="article" className="relative">
           <RoverContentCard {...post} />
         </li>
       ))}
@@ -180,11 +180,11 @@ export function MultiClassificationFeed({ custommaxWidth = '85%' }) {
       <ul
           aria-label="Nested user feed"
           role="feed"
-          className="relative flex flex-col gap-12 py-12 pl-8 before:absolute before:top-0 before:left-8 before:h-full before:-translate-x-1/2 after:absolute after:top-6 after:left-8 after:bottom-6 after:-translate-x-1/2"
+          className="relative flex flex-col gap-12 py-12 before:absolute before:top-0 before:left-8 before:h-full before:-translate-x-1/2 after:absolute after:top-6 after:left-8 after:bottom-6 after:-translate-x-1/2"
           style={{ maxWidth: custommaxWidth, margin: 'auto' }}
       >
           {posts.map((post) => (
-              <li key={post.id} role="article" className="relative pl-8">
+              <li key={post.id} role="article" className="relative">
                   <CardForum {...post} />
               </li>
           ))}
diff --git a/components/Content/Planets/Activities/StructureCreate.tsx b/components/Content/Planets/Activities/StructureCreate.tsx
index b932ff93..e93853df 100644
--- a/components/Content/Planets/Activities/StructureCreate.tsx
+++ b/components/Content/Planets/Activities/StructureCreate.tsx
@@ -48,7 +48,7 @@ const StructureSelection: React.FC<StructureSelectionProps> = ({ onStructureSele
                         {
                             item: structure.id,
                             owner: session.user.id,
-                            quantity: 1, // You can adjust the quantity as needed
+                            quantity: 1,
                             planetSector: planetSectorId,
                         },
                     ]);
@@ -77,7 +77,7 @@ const StructureSelection: React.FC<StructureSelectionProps> = ({ onStructureSele
     };
 
     return (
-        <div className="relative inline-block text-left">
+        <center><div className="relative inline-block text-center pl-10">
           <button
             type="button"
             className="px-4 py-2 text-white bg-blue-500 rounded-md focus:outline-none hover:bg-blue-600"
@@ -95,7 +95,7 @@ const StructureSelection: React.FC<StructureSelectionProps> = ({ onStructureSele
                     className="flex items-center justify-between px-4 py-2 hover:bg-gray-100 cursor-pointer"
                     onClick={() => handleStructureClick(structure)}
                   >
-                    <div className="flex items-center space-x-2">
+                    <div className="flex items-center space-x-2 pl-8">
                       <img src={structure.icon_url} alt={structure.name} className="w-8 h-8" />
                       <span className="font-bold">{structure.name}</span>
                     </div>
@@ -105,7 +105,7 @@ const StructureSelection: React.FC<StructureSelectionProps> = ({ onStructureSele
               </div>
             </div>
           )}
-        </div>
+        </div></center>
     );
 };