Change warnings & buttons (#160)

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.`}
         />
-        <ConfirmBtn
-          onClick={() => {
-            setShowConfirmModal(false)
-          }}
-        >
-          OK, let’s move on! <span>🤙</span>
-        </ConfirmBtn>
+        {window.innerWidth > 600 && (
+          <ConfirmBtn
+            onClick={() => {
+              setShowConfirmModal(false)
+            }}
+          >
+            OK, let’s move on! <span>🤙</span>
+          </ConfirmBtn>
+        )}
       </WarningWrapRemoval>
     )
   }

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 {

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;
 `
 

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! <span style={{ fontSize: '20px' }}>⭐️</span>
           </FeatureBtn>
           {currentVoting && (
-            <div>
+            <ColumnFlexDiv>
               <VoteSendingBtn onClick={() => history.push(`/votingRoom/${currentVoting.ID}`)}>
                 Removal vote in progress
               </VoteSendingBtn>
-            </div>
+            </ColumnFlexDiv>
           )}
           {!isDisabled && (
             <HistoryLink