From d10283440883926e527b43c6e90aafad95dbbed0 Mon Sep 17 00:00:00 2001 From: Andrew Miner Date: Wed, 1 Jun 2016 18:40:45 -0600 Subject: [PATCH] Fix mod ballots on mobile --- .../browse_page/mod_ballot/mod_ballot.scss | 10 ++++++++ .../mod_ballot_line/mod_ballot_line.scss | 23 ++++++++++++++++++- 2 files changed, 32 insertions(+), 1 deletion(-) diff --git a/src/client/site/browse_page/mod_ballot/mod_ballot.scss b/src/client/site/browse_page/mod_ballot/mod_ballot.scss index 8c7aa9594..c6bb5793a 100644 --- a/src/client/site/browse_page/mod_ballot/mod_ballot.scss +++ b/src/client/site/browse_page/mod_ballot/mod_ballot.scss @@ -88,3 +88,13 @@ $ballot-move-duration: 0.2s; } } } + +@include screen-size(mobile) { + .view__mod_ballot { + .status { + &.loaded { + padding: 0; + } + } + } +} diff --git a/src/client/site/browse_page/mod_ballot/mod_ballot_line/mod_ballot_line.scss b/src/client/site/browse_page/mod_ballot/mod_ballot_line/mod_ballot_line.scss index a2dc29cd5..50b97f635 100644 --- a/src/client/site/browse_page/mod_ballot/mod_ballot_line/mod_ballot_line.scss +++ b/src/client/site/browse_page/mod_ballot/mod_ballot_line/mod_ballot_line.scss @@ -31,7 +31,7 @@ .name { margin-right : $size-margin-medium; - flex : 1 1 auto; + flex : 1 1 100%; font-family : $font-family-text; font-size : $font-size-large; } @@ -51,3 +51,24 @@ justify-content : center; } } + +@include screen-size(mobile) { + .view__mod_ballot_line { + .vote-count { + } + + & > img { + } + + .name { + overflow: hidden; + font-size: $font-size-medium; + } + + .button { + } + + .wait { + } + } +} \ No newline at end of file