fix(check-field) : improve design/UI

pull/73/head
Clement G 4 years ago
parent 9462c39361
commit 89a00a2f39

@ -700,16 +700,16 @@ class CreateElection extends Component {
<div key="modal-title" className="text-primary bold">{t("Confirm your vote")}</div> <div key="modal-title" className="text-primary bold">{t("Confirm your vote")}</div>
<div key="modal-body"> <div key="modal-body">
<div className="mt-1 mb-1"> <div className="mt-1 mb-1">
<div className="text-white bg-primary p-2 rounded"> <div className="text-white bg-primary p-2 pl-3 pr-3 rounded">
{t("Question of the election")} {t("Question of the election")}
</div> </div>
<div className="p-2 pl-3 bg-light mb-3"> <div className="p-2 pl-3 pr-3 bg-light mb-3">
{title} {title}
</div> </div>
<div className="text-white bg-primary p-2 rounded"> <div className="text-white bg-primary p-2 pl-3 pr-3 rounded">
{t("Candidates/Proposals")} {t("Candidates/Proposals")}
</div> </div>
<div className="p-2 pl-3 bg-light mb-3"> <div className="p-2 pl-3 pr-3 bg-light mb-3">
<ul className="m-0 pl-4"> <ul className="m-0 pl-4">
{candidates.map((candidate, i) => { {candidates.map((candidate, i) => {
if (candidate.label !== "") { if (candidate.label !== "") {
@ -724,10 +724,10 @@ class CreateElection extends Component {
})} })}
</ul> </ul>
</div> </div>
<div className="text-white bg-primary p-2 rounded"> <div className="text-white bg-primary p-2 pl-3 pr-3 rounded">
{t("Dates")} {t("Dates")}
</div> </div>
<div className="p-2 pl-3 bg-light mb-3"> <div className="p-2 pl-3 pr-3 bg-light mb-3">
{t("The election will take place from")}{" "} {t("The election will take place from")}{" "}
<b> <b>
{start.toLocaleDateString()}, {t("at")}{" "} {start.toLocaleDateString()}, {t("at")}{" "}
@ -739,10 +739,10 @@ class CreateElection extends Component {
{finish.toLocaleTimeString()} {finish.toLocaleTimeString()}
</b> </b>
</div> </div>
<div className="text-white bg-primary p-2 rounded"> <div className="text-white bg-primary p-2 pl-3 pr-3 rounded">
{t("Grades")} {t("Grades")}
</div> </div>
<div className="p-2 pl-3 bg-light mb-3"> <div className="p-2 pl-3 pr-3 bg-light mb-3">
{grades.map((mention, i) => { {grades.map((mention, i) => {
return i < numGrades ? ( return i < numGrades ? (
<span <span
@ -760,10 +760,10 @@ class CreateElection extends Component {
); );
})} })}
</div> </div>
<div className="text-white bg-primary p-2 rounded"> <div className="text-white bg-primary p-2 pl-3 pr-3 rounded">
{t("Voters' list")} {t("Voters' list")}
</div> </div>
<div className="p-2 pl-3 bg-light mb-3"> <div className="p-2 pl-3 pr-3 bg-light mb-3">
{electorEmails.length > 0 ? ( {electorEmails.length > 0 ? (
electorEmails.join(", ") electorEmails.join(", ")
) : ( ) : (

Loading…
Cancel
Save