UX: Polls should take up full width of post's container.

This commit is contained in:
Guo Xiang Tan 2016-07-28 17:39:06 +08:00
parent 85a91c8b81
commit bb3f4a10f3
2 changed files with 8 additions and 6 deletions

View file

@ -7,7 +7,7 @@ $option-background-selected: #dbffdb;
$option-shadow: dark-light-diff($option-background, $primary, 10%, -10%); $option-shadow: dark-light-diff($option-background, $primary, 10%, -10%);
div.poll { div.poll {
margin: 10px 0px;
border: 1px solid $border-color; border: 1px solid $border-color;
@include unselectable; @include unselectable;

View file

@ -1,10 +1,12 @@
div.poll { div.poll {
display: table; display: table;
width: 500px; min-width: 500px;
max-width: 500px; width: 100%;
box-sizing: border-box;
.poll-info { .poll-info {
width: 150px; min-width: 150px;
width: 100%;
display: table-cell; display: table-cell;
border-left: 1px solid $border-color; border-left: 1px solid $border-color;
@ -19,8 +21,8 @@ div.poll {
.poll-container { .poll-container {
display: table-cell; display: table-cell;
width: 330px; min-width: 330px;
max-width: 330px; width: 100%;
} }
.poll-buttons { .poll-buttons {