fix spacing in handleOutcome

UMAprotocol · Nov 24, 2023 · 7fa7f90 · 7fa7f90
1 parent b9253fa
commit 7fa7f90
Show file tree

Hide file tree

Showing 2 changed files with 58 additions and 46 deletions.
diff --git a/src/plugins/oSnap/components/HandleOutcome/HandleOutcome.vue b/src/plugins/oSnap/components/HandleOutcome/HandleOutcome.vue
@@ -333,50 +333,62 @@ onMounted(async () => {
         ogModuleDetails !== undefined
       "
     >
-      <h3>Request transaction execution</h3>
-      <TallyingSnapshotVotes
-        v-if="transactionExecutionState.status === 'tallying-snapshot-votes'"
-      />
-      <RejectedBySnapshotVote
-        v-if="transactionExecutionState.status === 'rejected-by-snapshot-vote'"
-      />
-      <CanProposeToOG
-        v-if="
-          transactionExecutionState.status === 'can-propose-to-og' &&
-          !!collateralDetails &&
-          !!ogModuleDetails &&
-          !!userCollateralBalance &&
-          hasSufficientBalance !== undefined &&
-          hasSufficientAllowance !== undefined
-        "
-        :has-sufficient-balance="hasSufficientBalance"
-        :has-sufficient-allowance="hasSufficientAllowance"
-        :minimum-bond="ogModuleDetails.minimumBond"
-        :user-balance="userCollateralBalance"
-        :decimals="collateralDetails.decimals"
-        :symbol="collateralDetails.symbol"
-        :challenge-period="Number(ogModuleDetails.challengePeriod.toString())"
-        :quorum="quorum"
-        :scores-total="proposal.scores_total"
-        :is-disputed="transactionExecutionState.isDisputed"
-        @submit-proposal="onSubmitProposal"
-        @approve-bond="onApproveBond"
-      />
-      <InOOChallengePeriod
-        v-if="transactionExecutionState.status === 'in-oo-challenge-period'"
-        :network="network"
-        :expiration-time="transactionExecutionState.expirationTime"
-        :assertion-hash="transactionExecutionState.assertionHash"
-        :assertion-log-index="transactionExecutionState.assertionLogIndex"
-      />
-      <CanRequestTxExecution
-        v-if="transactionExecutionState.status === 'can-request-tx-execution'"
-        :transaction-count="transactions.length"
-        @execute-proposal="onExecuteProposal"
-      />
-      <TransactionsExecuted
-        v-if="transactionExecutionState.status === 'transactions-executed'"
-      />
+      <div>
+        <h3>Request transaction execution</h3>
+        <div class="flex flex-col gap-2">
+          <TallyingSnapshotVotes
+            v-if="
+              transactionExecutionState.status === 'tallying-snapshot-votes'
+            "
+          />
+          <RejectedBySnapshotVote
+            v-if="
+              transactionExecutionState.status === 'rejected-by-snapshot-vote'
+            "
+          />
+          <CanProposeToOG
+            v-if="
+              transactionExecutionState.status === 'can-propose-to-og' &&
+              !!collateralDetails &&
+              !!ogModuleDetails &&
+              !!userCollateralBalance &&
+              hasSufficientBalance !== undefined &&
+              hasSufficientAllowance !== undefined
+            "
+            :has-sufficient-balance="hasSufficientBalance"
+            :has-sufficient-allowance="hasSufficientAllowance"
+            :minimum-bond="ogModuleDetails.minimumBond"
+            :user-balance="userCollateralBalance"
+            :decimals="collateralDetails.decimals"
+            :symbol="collateralDetails.symbol"
+            :challenge-period="
+              Number(ogModuleDetails.challengePeriod.toString())
+            "
+            :quorum="quorum"
+            :scores-total="proposal.scores_total"
+            :is-disputed="transactionExecutionState.isDisputed"
+            @submit-proposal="onSubmitProposal"
+            @approve-bond="onApproveBond"
+          />
+          <InOOChallengePeriod
+            v-if="transactionExecutionState.status === 'in-oo-challenge-period'"
+            :network="network"
+            :expiration-time="transactionExecutionState.expirationTime"
+            :assertion-hash="transactionExecutionState.assertionHash"
+            :assertion-log-index="transactionExecutionState.assertionLogIndex"
+          />
+          <CanRequestTxExecution
+            v-if="
+              transactionExecutionState.status === 'can-request-tx-execution'
+            "
+            :transaction-count="transactions.length"
+            @execute-proposal="onExecuteProposal"
+          />
+          <TransactionsExecuted
+            v-if="transactionExecutionState.status === 'transactions-executed'"
+          />
+        </div>
+      </div>
     </template>
   </template>
 </template>
diff --git a/src/plugins/oSnap/components/HandleOutcome/steps/CanProposeToOG.vue b/src/plugins/oSnap/components/HandleOutcome/steps/CanProposeToOG.vue
@@ -25,14 +25,14 @@ const hasReachedQuorum = computed(() => props.scoresTotal >= props.quorum);
 </script>
 
 <template>
-  <div class="!mt-2">
+  <div>
     <p>
       Make sure this proposal was approved by this Snapshot vote before
       asserting on-chain. If the Snapshot vote rejected the proposal, the
       on-chain proposal will be rejected as well and you will lose your bond.
     </p>
   </div>
-  <div class="my-3 rounded-lg border p-3">
+  <div class="rounded-lg border p-3">
     <div>
       <strong class="pr-3">Required bond:</strong>
       <span class="float-right text-skin-link">