div.poll { display: table; width: 100%; box-sizing: border-box; .poll-info { min-width: 150px; width: 100%; display: table-cell; text-align: center; .info-number { font-size: 3.5em; } p { margin: 0.5em 0; } .info-label { display: block; } } .poll-container { display: table-cell; width: 100%; border-right: 1px solid $primary-low; } .poll-buttons { border-top: 1px solid $primary-low; padding: 1em; .info-text { line-height: 2em; } :not(:first-child):not(:last-child) { margin-left: 1em; } .toggle-status { float: right; } } } div.poll.pie { .poll-container { width: calc(100% - 190px); .poll-grouped-pie-container { width: 50%; } } .poll-info { display: inline-block; width: 150px; } } .d-editor-preview { .poll-buttons { a:not(:first-child) { margin-left: 0.25em; } } .poll { li[data-poll-option-id]:before { position: relative; vertical-align: baseline; border: 2px solid $primary; border-radius: 50%; display: inline-block; margin-right: 0.5em; width: 12px; height: 12px; content: ""; } &[data-poll-type="multiple"] { li[data-poll-option-id]:before { border-radius: 3px; } } } }