Prevent the voting card to get larger than the viewport

aragon · Apr 28, 2019 · a8ca811 · a8ca811
1 parent 327abd6
commit a8ca811
Showing 1 changed file with 8 additions and 7 deletions.
diff --git a/apps/voting/app/src/components/VotingCard/VotingCard.js b/apps/voting/app/src/components/VotingCard/VotingCard.js
@@ -52,7 +52,13 @@ const VotingCard = React.memo(
     const action = isVoteAction(vote)
 
     return (
-      <Main>
+      <section
+        css={`
+          display: flex;
+          flex-direction: column;
+          min-width: 0;
+        `}
+      >
         <Header>
           {open ? (
             <Countdown end={endDate} />
@@ -96,7 +102,7 @@ const VotingCard = React.memo(
             </Button>
           </div>
         </Card>
-      </Main>
+      </section>
     )
   },
   (prevProps, nextProps) => {
@@ -140,11 +146,6 @@ const OptionLabel = ({ label, isConnectedAccount }) => (
   </span>
 )
 
-const Main = styled.section`
-  display: flex;
-  flex-direction: column;
-`
-
 const Header = styled.div`
   display: flex;
   justify-content: space-between;