From 4fc7813a7b164f8ff599c844a00de5a438833c10 Mon Sep 17 00:00:00 2001
From: Sinclair Chen <abc.sinclair@gmail.com>
Date: Fri, 30 Sep 2022 15:56:10 -0700
Subject: [PATCH] Fix embed style (adjust input, strikethrough)

---
 web/components/amount-input.tsx               | 4 ++--
 web/components/contract/contract-card.tsx     | 4 +++-
 web/components/contract/contract-overview.tsx | 6 +-----
 3 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/web/components/amount-input.tsx b/web/components/amount-input.tsx
index 1c9d1c3b..1abacb69 100644
--- a/web/components/amount-input.tsx
+++ b/web/components/amount-input.tsx
@@ -42,8 +42,8 @@ export function AmountInput(props: {
   return (
     <>
       <Col className={className}>
-        <label className="font-sm md:font-lg">
-          <span className={clsx('text-greyscale-4 absolute ml-2 mt-[9px]')}>
+        <label className="font-sm md:font-lg relative">
+          <span className="text-greyscale-4 absolute top-1/2 my-auto ml-2 -translate-y-1/2">
             {label}
           </span>
           <input
diff --git a/web/components/contract/contract-card.tsx b/web/components/contract/contract-card.tsx
index aa130321..eecfa63d 100644
--- a/web/components/contract/contract-card.tsx
+++ b/web/components/contract/contract-card.tsx
@@ -211,7 +211,9 @@ export function BinaryResolutionOrChance(props: {
   const probChanged = before !== after
 
   return (
-    <Col className={clsx(large ? 'text-4xl' : 'text-3xl', className)}>
+    <Col
+      className={clsx('items-end', large ? 'text-4xl' : 'text-3xl', className)}
+    >
       {resolution ? (
         <>
           <div
diff --git a/web/components/contract/contract-overview.tsx b/web/components/contract/contract-overview.tsx
index add9ba48..d5efd2d0 100644
--- a/web/components/contract/contract-overview.tsx
+++ b/web/components/contract/contract-overview.tsx
@@ -79,11 +79,7 @@ const BinaryOverview = (props: { contract: BinaryContract; bets: Bet[] }) => {
         <ContractDetails contract={contract} />
         <Row className="justify-between gap-4">
           <OverviewQuestion text={contract.question} />
-          <BinaryResolutionOrChance
-            className="flex items-end"
-            contract={contract}
-            large
-          />
+          <BinaryResolutionOrChance contract={contract} large />
         </Row>
       </Col>
       <BinaryContractChart contract={contract} bets={bets} />