update styling for + icon

CambioML · Aug 20, 2024 · 123c1a5 · 123c1a5
1 parent 41bd4fa
commit 123c1a5
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/app/components/SustainabilityReport/FilesContainer.tsx b/app/components/SustainabilityReport/FilesContainer.tsx
@@ -19,14 +19,16 @@ const FilesContainer = ({ reports, projectId }: FilesContainerProps) => {
   return (
     <div className="relative flex flex-wrap gap-2 max-w-[250px] h-full overflow-y-auto p-2 rounded group">
       <div
-        className="absolute hidden top-0 right-2 p-1 cursor-pointer bg-blue-gray-100 hover:bg-gray-300 rounded-lg group-hover:block"
+        className="absolute hidden top-0 right-2 p-1 cursor-pointer bg-blue-gray-50 hover:bg-gray-300 rounded-lg group-hover:block"
         onClick={handleAddFile}
       >
         <Plus size={16} />
       </div>
-      {reports.map((report, i) => (
-        <FileTag key={i} report={report} />
-      ))}
+      <div className="flex flex-col gap-2 py-6">
+        {reports.map((report, i) => (
+          <FileTag key={i} report={report} />
+        ))}
+      </div>
     </div>
   );
 };