diff --git a/packages/DApp/src/components/card/RemoveAmountPicker.tsx b/packages/DApp/src/components/card/RemoveAmountPicker.tsx index c36ed96..c333d68 100644 --- a/packages/DApp/src/components/card/RemoveAmountPicker.tsx +++ b/packages/DApp/src/components/card/RemoveAmountPicker.tsx @@ -58,13 +58,15 @@ export function RemoveAmountPicker({ community, availableAmount, setShowConfirmM icon="💰" text={`Not enough SNT to start a vote for this community. A new vote for ${community.name} requires at least 10,000 SNT available.`} /> - { - setShowConfirmModal(false) - }} - > - OK, let’s move on! 🤙 - + {window.innerWidth > 600 && ( + { + setShowConfirmModal(false) + }} + > + OK, let’s move on! 🤙 + + )} ) } diff --git a/packages/DApp/src/components/votes/VoteWarning.tsx b/packages/DApp/src/components/votes/VoteWarning.tsx index 2d466d1..f1425bc 100644 --- a/packages/DApp/src/components/votes/VoteWarning.tsx +++ b/packages/DApp/src/components/votes/VoteWarning.tsx @@ -26,7 +26,8 @@ const VoteWarning = styled.div` margin-top: 32px; @media (max-width: 600px) { - margin-top: 0; + justify-content: flex-start; + margin-top: 24px; } & > span { diff --git a/packages/DApp/src/componentsMobile/CardVoteMobile.tsx b/packages/DApp/src/componentsMobile/CardVoteMobile.tsx index 0ddbb9e..c6b795d 100644 --- a/packages/DApp/src/componentsMobile/CardVoteMobile.tsx +++ b/packages/DApp/src/componentsMobile/CardVoteMobile.tsx @@ -139,7 +139,7 @@ const VoteBtnFinal = styled(VoteBtn)` const CardVoteBottom = styled.div` display: flex; - justify-content: flex-end; + justify-content: center; align-items: center; ` diff --git a/packages/DApp/src/componentsMobile/FeatureMobile.tsx b/packages/DApp/src/componentsMobile/FeatureMobile.tsx index 8d5e908..af3894b 100644 --- a/packages/DApp/src/componentsMobile/FeatureMobile.tsx +++ b/packages/DApp/src/componentsMobile/FeatureMobile.tsx @@ -17,6 +17,7 @@ import { ConnectMobile } from './ConnectMobile' import { HistoryLink } from './CardVoteMobile' import { useEthers } from '@usedapp/core' import { useGetCurrentVoting } from '../hooks/useGetCurrentVoting' +import { ColumnFlexDiv } from '../constants/styles' export function FeatureMobile() { const { publicKey } = useParams<{ publicKey: string }>() @@ -54,11 +55,11 @@ export function FeatureMobile() { Feature this community! ⭐️ {currentVoting && ( -
+ history.push(`/votingRoom/${currentVoting.ID}`)}> Removal vote in progress -
+ )} {!isDisabled && (