From 5f7052a58e2c9e45983cffb206e499da10aceaef Mon Sep 17 00:00:00 2001
From: Austin Chen <akrolsmir@gmail.com>
Date: Wed, 15 Dec 2021 01:11:27 -0800
Subject: [PATCH] Tweak resolution panel UI

---
 web/components/resolution-panel.tsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/web/components/resolution-panel.tsx b/web/components/resolution-panel.tsx
index 59b339d6..b50d50f2 100644
--- a/web/components/resolution-panel.tsx
+++ b/web/components/resolution-panel.tsx
@@ -45,16 +45,16 @@ export function ResolutionPanel(props: {
     >
       <Title className="mt-0" text="Your market" />
 
-      <div className="pt-2 pb-1 text-sm text-gray-500">Resolve outcome</div>
+      <div className="pt-2 pb-1 text-sm text-gray-400">Resolve outcome</div>
       <YesNoCancelSelector
-        className="p-2"
+        className="mx-auto my-2"
         selected={outcome}
         onSelect={setOutcome}
       />
 
       <Spacer h={3} />
 
-      <div className="text-gray-500 text-sm">
+      <div>
         {outcome === 'YES' ? (
           <>
             Winnings will be paid out to Yes bettors. You earn 1% of the No
@@ -77,7 +77,10 @@ export function ResolutionPanel(props: {
       <ConfirmationModal
         id="resolution-modal"
         openModelBtn={{
-          className: clsx('border-none self-start m-2', submitButtonClass),
+          className: clsx(
+            'border-none self-start mt-2 w-full',
+            submitButtonClass
+          ),
           label: 'Resolve',
         }}
         cancelBtn={{