diff --git a/www/form/app-form.less b/www/form/app-form.less index 1469310fa..9067fa8bf 100644 --- a/www/form/app-form.less +++ b/www/form/app-form.less @@ -197,6 +197,15 @@ .cp-form-page + .cp-form-send-container { margin-top: 10px; } + .cp-form-send-container { + text-align: center; + margin: 50px auto 100px auto; + button { + &:not(:last-child) { + margin-right: 10px; + } + } + } .cp-form-page-container { display: flex; @@ -210,11 +219,12 @@ justify-content: center; } button { - &.cp-next { - .fa { - margin-right: 0; - margin-left: 5px; - } + display: flex; + height: 38px; + align-items: center; + i { + margin-right: 0; + font-size: 25px; } } } @@ -505,11 +515,19 @@ display: inline-flex; align-items: center; justify-content: center; + margin:5px; &:first-child { width: 200px; } button { width: 100%; + border-top: 0px; + border-left: 0px; + background-color: @cp_form-bg1; + .fa{ + margin-left:10px; + transform: rotate(-45deg); + } } } .cp-poll-time-day { @@ -544,6 +562,7 @@ display: none; } color: @cp_form-poll-color; + font-size: 25px; &[data-value="0"] { background: @cp_form-poll-no; .cp-no { display: inline; } @@ -560,7 +579,9 @@ div.cp-form-poll-choice { cursor: pointer; padding: 5px; - border: 5px double @cp_form-bg1; + //margin: 10px 0px 0px 10px; + //border: 1px solid @cryptpad_text_col; + color: @cryptpad_text_col; } div.cp-form-poll-answer { color: @cp_form-poll-yes-color; diff --git a/www/form/inner.js b/www/form/inner.js index f6469f2f2..d107cfc3a 100644 --- a/www/form/inner.js +++ b/www/form/inner.js @@ -86,7 +86,7 @@ define([ Messages.form_poll_text = "Text"; Messages.form_poll_day = "Day"; Messages.form_poll_time = "Time"; - + Messages.form_poll_switch = "Switch axes" // XXX DB Messages.form_textType = "Text type"; Messages.form_text_text = "Text"; @@ -676,6 +676,7 @@ define([ }); // Insert axis switch button var switchAxis = h('button.btn.btn-default', [ + Messages.form_poll_switch, h('i.fa.fa-exchange'), ]); els.unshift(h('div.cp-poll-cell.cp-poll-switch', switchAxis)); @@ -2089,14 +2090,12 @@ define([ $page.empty(); if (!current || current < 1) { current = 1; } if (current > pages) { current = pages; } - var left = h('button.btn.btn-secondary.small.cp-prev', [ - h('i.fa.fa-chevron-left'), - h('span', Messages.form_page_prev) + var left = h('button.btn.btn-secondary.cp-prev', [ + h('i.fa.fa-arrow-left'), ]); var state = h('span', Messages._getKey('form_page', [current, pages])); - var right = h('button.btn.btn-secondary.small.cp-next', [ - h('span', Messages.form_page_next), - h('i.fa.fa-chevron-right'), + var right = h('button.btn.btn-secondary.cp-next', [ + h('i.fa.fa-arrow-right'), ]); $(left).click(function () { refreshPage(current - 1); }); $(right).click(function () { refreshPage(current + 1); });