Poll styles

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 {
+                        display: flex;
-                            .fa {
+                        height: 38px;
-                                margin-right: 0;
+                        align-items: center;
-                                margin-left: 5px;
+                        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;

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', [
+                    var left = h('button.btn.btn-secondary.cp-prev', [
-                        h('i.fa.fa-chevron-left'),
+                        h('i.fa.fa-arrow-left'),
-                        h('span', Messages.form_page_prev)
                     ]);
                     var state = h('span', Messages._getKey('form_page', [current, pages]));
-                    var right = h('button.btn.btn-secondary.small.cp-next', [
+                    var right = h('button.btn.btn-secondary.cp-next', [
-                        h('span', Messages.form_page_next),
+                        h('i.fa.fa-arrow-right'),
-                        h('i.fa.fa-chevron-right'),
                     ]);
                     $(left).click(function () { refreshPage(current - 1); });
                     $(right).click(function () { refreshPage(current + 1); });