diff --git a/src/styles/layout/polls/_polls.scss b/src/styles/layout/polls/_polls.scss index 735cad2..1ef42e9 100644 --- a/src/styles/layout/polls/_polls.scss +++ b/src/styles/layout/polls/_polls.scss @@ -123,10 +123,11 @@ text-align: center; } } - [name="endDate"] { - position: relative; - padding-left: 140px; - &::after { + [name="dateLine"] { + display: flex; + flex-direction: row; + margin-top: 10px; + solid-display-div [name="dateImage"]::before { display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; content: "\F6AF"; @@ -134,18 +135,8 @@ height: 22px; width: 24px; font-size: 20px; - letter-spacing: 0; line-height: 22px; - display: inline-block; text-align: center; - position: absolute; - left: 0; - top: 0; - } - &::before { - position: absolute; - left: 24px; - width: max-content; } } [name="shortDescription"] { @@ -205,6 +196,13 @@ font-size: 16px; font-weight: bold; } + [name="dateLine"] solid-set-default { + display: flex; + margin-top: 7px; + solid-display-date { + margin-left: 7px; + } + } [name="hostingOrganisation"] { margin-left: 0; [name="hostingOrganisation"]::before { @@ -276,6 +274,47 @@ border-radius: 19px; box-shadow: 0 0 7px 0 rgba(0,0,0,0.15); } + #poll-votes-form input[type="submit"]:disabled { + opacity: 0.3; + } + #unavailablePoll { + font-style: italic; + } + .send-share, + .back-to-list { + background-color: #3A3A3A; + padding: 5px 25px; + font-size: 1.4rem; + &::before { + font-family: "Material Design Icons"; + font-weight: 400; + font-size: 20px; + vertical-align: middle; + color: white; + } + } + .send-share { + a { + font-size: 1.4rem; + line-height: 23px; + margin-left: 5px; + } + &::before { + content: "\F48A"; + } + } + .poll-footer { + padding: 20px 0 40px; + .back-to-list { + margin-left: 10%; + &::before { + content: "\F04D"; + } + } + .share-poll { + visibility: hidden; + } + } } }