fix: current ruling not correctly fetched from phone, style nitpick

Author: kemuru

web/src/components/EvidenceCard.tsx

@@ -30,7 +30,7 @@ const TopContent = styled.div`
   display: flex;
   flex-direction: column;
   padding: ${responsiveSize(8, 24)};
-  gap: 8px;
+  gap: ${responsiveSize(4, 8)};
   overflow-wrap: break-word;
 
   > * {

web/src/components/Verdict/FinalDecision.tsx

@@ -9,6 +9,7 @@ import ArrowIcon from "svgs/icons/arrow.svg";
 
 import { REFETCH_INTERVAL } from "consts/index";
 import { Periods } from "consts/periods";
+import { DEFAULT_CHAIN } from "consts/chains";
 import { useReadKlerosCoreCurrentRuling } from "hooks/contracts/generated";
 import { usePopulatedDisputeData } from "hooks/queries/usePopulatedDisputeData";
 import { useVotingHistory } from "hooks/queries/useVotingHistory";
@@ -85,6 +86,7 @@ const FinalDecision: React.FC<IFinalDecision> = ({ arbitrable }) => {
   const { data: currentRulingArray } = useReadKlerosCoreCurrentRuling({
     query: { refetchInterval: REFETCH_INTERVAL },
     args: [BigInt(id ?? 0)],
+    chainId: DEFAULT_CHAIN,
   });
   const currentRuling = Number(currentRulingArray?.[0]);
   const answer = populatedDisputeData?.answers?.[currentRuling! - 1];

web/src/pages/Resolver/Parameters/Jurors.tsx

@@ -6,6 +6,7 @@ import { DisplaySmall, Field } from "@kleros/ui-components-library";
 import ETH from "svgs/icons/eth.svg";
 
 import { REFETCH_INTERVAL } from "consts/index";
+import { DEFAULT_CHAIN } from "consts/chains";
 import { useNewDisputeContext } from "context/NewDisputeContext";
 import { useReadKlerosCoreArbitrationCost } from "hooks/contracts/generated";
 import { formatETH } from "utils/format";
@@ -58,6 +59,7 @@ const Jurors: React.FC = () => {
       refetchInterval: REFETCH_INTERVAL,
     },
     args: [prepareArbitratorExtradata(disputeData.courtId ?? "", disputeData.numberOfJurors ?? "")],
+    chainId: DEFAULT_CHAIN,
   });
 
   const arbitrationFee = formatETH(data ?? BigInt(0), 5);