Style and align form editor buttons for preview and link

www/form/app-form.less

@@ -120,7 +120,6 @@
             }
 
             .cp-form-creator-settings {
-                padding: 30px;
                 .cp-form-actions {
                     margin-top: 5px;
                 }
@@ -130,6 +129,9 @@
                 .cp-forms-results-participant {
                     display: flex;
                     flex-flow: column;
+                    button {
+                        margin-bottom: 20px;
+                    }
                 }
             }
             div.cp-form-filler-container {
@@ -139,6 +141,7 @@
             }
             div.cp-form-creator-control {
                 padding: 10px;
+                margin-top: 10px;
                 display: flex;
                 flex-flow: column;
                 width: 300px;

www/form/inner.js

@@ -2950,10 +2950,16 @@ define([
         }
 
         var makeFormSettings = function () {
-            Messages.form_preview = "Preview participant page"; // XXX
+            Messages.form_preview = "Preview form"; // XXX
-            Messages.form_geturl = "Copy participant link"; // XXX
+            Messages.form_geturl = "Copy link"; // XXX
-            var previewBtn = h('button.btn.btn-primary', Messages.form_preview);
+            var previewBtn = h('button.btn.btn-primary', [
-            var participantBtn = h('button.btn.btn-primary', Messages.form_geturl);
+                h('i.fa.fa-eye'),
+                Messages.form_preview
+            ]);
+            var participantBtn = h('button.btn.btn-primary',[
+                h('i.fa.fa-link'),
+                Messages.form_geturl
+            ]);
             var preview = h('div.cp-forms-results-participant', [previewBtn, participantBtn]);
             $(previewBtn).click(function () {
                 sframeChan.event('EV_OPEN_VIEW_URL');