🚁😱 ↝ Merge pull request #98 from Signal-K/GP-11

🧼🚁 ↝ Identifying that no crafting recipes are being inforced on struc…

Author: Gizmotronn

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>
           ))}

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>
     );
 };