From bb3f4a10f32c6fb5784d7a1798e38a9a7a53e2d5 Mon Sep 17 00:00:00 2001 From: Guo Xiang Tan Date: Thu, 28 Jul 2016 17:39:06 +0800 Subject: [PATCH] UX: Polls should take up full width of post's container. --- plugins/poll/assets/stylesheets/common/poll.scss | 2 +- plugins/poll/assets/stylesheets/desktop/poll.scss | 12 +++++++----- 2 files changed, 8 insertions(+), 6 deletions(-) diff --git a/plugins/poll/assets/stylesheets/common/poll.scss b/plugins/poll/assets/stylesheets/common/poll.scss index 1451be21a..07b84edcf 100644 --- a/plugins/poll/assets/stylesheets/common/poll.scss +++ b/plugins/poll/assets/stylesheets/common/poll.scss @@ -7,7 +7,7 @@ $option-background-selected: #dbffdb; $option-shadow: dark-light-diff($option-background, $primary, 10%, -10%); div.poll { - + margin: 10px 0px; border: 1px solid $border-color; @include unselectable; diff --git a/plugins/poll/assets/stylesheets/desktop/poll.scss b/plugins/poll/assets/stylesheets/desktop/poll.scss index e875c29a0..3f5fe881c 100644 --- a/plugins/poll/assets/stylesheets/desktop/poll.scss +++ b/plugins/poll/assets/stylesheets/desktop/poll.scss @@ -1,10 +1,12 @@ div.poll { display: table; - width: 500px; - max-width: 500px; + min-width: 500px; + width: 100%; + box-sizing: border-box; .poll-info { - width: 150px; + min-width: 150px; + width: 100%; display: table-cell; border-left: 1px solid $border-color; @@ -19,8 +21,8 @@ div.poll { .poll-container { display: table-cell; - width: 330px; - max-width: 330px; + min-width: 330px; + width: 100%; } .poll-buttons {