From dd7223c9b19142941b842ba78ea26510453e24f2 Mon Sep 17 00:00:00 2001
From: Matias <mantitaaa89@gmail.com>
Date: Mon, 11 Nov 2024 14:48:52 -0300
Subject: [PATCH] fix: upgarde `ProposalCard` + small tweks

---
 apps/web/components/Charts/ChartWrapper.tsx |  2 +-
 apps/web/components/ProposalCard.tsx        | 40 ++++++++++-----------
 apps/web/components/Proposals.tsx           |  2 +-
 funding.json                                |  2 +-
 4 files changed, 23 insertions(+), 23 deletions(-)

diff --git a/apps/web/components/Charts/ChartWrapper.tsx b/apps/web/components/Charts/ChartWrapper.tsx
index ee2377611..60d0ccbe3 100644
--- a/apps/web/components/Charts/ChartWrapper.tsx
+++ b/apps/web/components/Charts/ChartWrapper.tsx
@@ -33,7 +33,7 @@ export const ChartWrapper = ({
     {
       name: "Conviction",
       className: "bg-primary-content  h-4 w-4 rounded-full",
-      info: "Accumulated pool weight for a proposal, increasing over time, based on the conviction growth param.",
+      info: "Accumulated pool weight for a proposal, increasing over time, based on the conviction growth.",
     },
     {
       name: "Threshold",
diff --git a/apps/web/components/ProposalCard.tsx b/apps/web/components/ProposalCard.tsx
index 7e03dc3c6..95b3efe23 100644
--- a/apps/web/components/ProposalCard.tsx
+++ b/apps/web/components/ProposalCard.tsx
@@ -154,32 +154,32 @@ export function ProposalCard({
   const proposalCardContent = (
     <>
       <div
-        className={`flex gap-3 justify-between py-3 flex-wrap ${isAllocationView ? `section-layout ${isNewProposal ? "shadow-2xl" : ""}` : ""}`}
+        className={`flex gap-3 justify-between flex-wrap ${isAllocationView ? `section-layout ${isNewProposal ? "shadow-2xl" : ""}` : ""}`}
       >
-        <div className="flex flex-col sm:flex-row w-full">
+        <div className="flex flex-col sm:flex-row w-full justify-between gap-2">
           {/* icon title and id */}
-          <div className="flex gap-6 flex-1">
-            <div className="hidden sm:block">
+          <header className="flex  justify-between items-start gap-2 ">
+            <div className="hidden lg:block">
               <Hashicon value={id} size={45} />
             </div>
-            <div>
-              <h4 className="sm:max-w-md lg:max-w-lg">
-                <Skeleton isLoading={!metadata} className="sm:w-96 h-5">
-                  <TooltipIfOverflow className="first-letter:uppercase">
-                    {metadata?.title}
-                  </TooltipIfOverflow>
-                </Skeleton>
-              </h4>
-              <div className="flex items-baseline gap-3">
-                <h6 className="text-sm">ID {proposalNumber}</h6>
-                <p className="text-sm text-neutral-soft-content">
-                  {prettyTimestamp(proposalData.createdAt ?? 0)}
-                </p>
+            <div className="flex w-full items-start flex-col gap-1">
+              <Skeleton isLoading={!metadata}>
+                <h3 className="flex items-start w-fit max-w-full">
+                  <TooltipIfOverflow>{metadata?.title}</TooltipIfOverflow>
+                </h3>
+              </Skeleton>
+              <div className="flex justify-between items-center">
+                <div className="flex items-baseline gap-3">
+                  <h6 className="text-sm">ID {proposalNumber}</h6>
+                  <p className="text-sm text-neutral-soft-content">
+                    {prettyTimestamp(proposalData.createdAt ?? 0)}
+                  </p>
+                </div>
               </div>
             </div>
-          </div>
+          </header>
           {/* amount requested and proposal status */}
-          <div className="flex gap-6 text-neutral-soft-content">
+          <div className="flex gap-6 text-neutral-soft-content justify-end">
             {!isSignalingType && poolToken && (
               <div className="flex items-center gap-1 justify-self-end">
                 <p>Requested amount: </p>
@@ -299,7 +299,7 @@ export function ProposalCard({
         </div>
       </div>
       {!isAllocationView && stakedFilter && stakedFilter?.value > 0 && (
-        <p className="flex items-baseline text-xs">
+        <p className="flex items-baseline text-xs mt-2">
           Your support: {poolWeightAllocatedInProposal}%
         </p>
       )}
diff --git a/apps/web/components/Proposals.tsx b/apps/web/components/Proposals.tsx
index f2c4ec160..69c922d4f 100644
--- a/apps/web/components/Proposals.tsx
+++ b/apps/web/components/Proposals.tsx
@@ -621,7 +621,7 @@ export function Proposals({
               }
               tooltip="Make changes in proposals support first"
             >
-              Submit your support!
+              Submit your support
             </Button>
           </div>
         : <div>
diff --git a/funding.json b/funding.json
index c206b5066..5ec6f49f8 100644
--- a/funding.json
+++ b/funding.json
@@ -1,5 +1,5 @@
 {
   "opRetro": {
-    "projectId": "0xf87dc66be181007e6d394553b4498ef833f7a53059d86e6ae399b4ca8db61543"
+    "projectId": "0xdde46a1ddca8effe3f50996d8a674fc0ed79d2c7e9dab310cba65529f97dc2d6"
   }
 }