From 1744113f2bc2d639bbd18403cc387115e80ad4ea Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lionel=20Tr=C3=A9buchon?= <ltrebuchon@gmail.com>
Date: Sat, 17 Mar 2018 23:47:54 +0100
Subject: [PATCH] [creation] - Improve page display aesthetics.

---
 src/events/newEvent.js | 35 +++++++++++++++++++++++++----------
 1 file changed, 25 insertions(+), 10 deletions(-)

diff --git a/src/events/newEvent.js b/src/events/newEvent.js
index 63d1a99..4a41aac 100644
--- a/src/events/newEvent.js
+++ b/src/events/newEvent.js
@@ -231,22 +231,37 @@ export default class newEvent extends EditView {
     // checks currentPage and selects the fitting page
     if (this.currentpage === 1) {
       return layoutWith(m(
-        'h1', 'Event description:', iconLeft, iconRight, m('br'),
-        fieldTitleEn, fieldCatchphraseEn, fieldDescriptionEn, fieldTitleDe,
-        fieldCatchphraseDe, fieldDescriptionDe,
+        'div', { style: { height: '100%', 'overflow-y': 'scroll' } }
+        , [
+          m(
+            'h1', 'Event description:', iconLeft, iconRight, m('br'),
+            fieldTitleEn, fieldCatchphraseEn, fieldDescriptionEn, fieldTitleDe,
+            fieldCatchphraseDe, fieldDescriptionDe,
+          ),
+        ],
       ));
     } else if (this.currentpage === 2) {
       return layoutWith(m(
-        'h1', 'Critical Information:', iconLeft, iconRight, m('br'), fieldStartDate,
-        fieldEndDate, fieldStartRegDate, fieldEndRegDate, fieldLocation, fieldPrice,
-        fieldNumberOfParticipants,
+        'div', { style: { height: '100%', 'overflow-y': 'scroll' } }
+        , [
+          m(
+            'h1', 'Critical Information:', iconLeft, iconRight, m('br'), fieldStartDate,
+            fieldEndDate, fieldStartRegDate, fieldEndRegDate, fieldLocation, fieldPrice,
+            fieldNumberOfParticipants,
+          ),
+        ],
       ));
     } else if (this.currentpage === 3) {
       return layoutWith(m(
-        'h1', 'Advertise Information', iconLeft, iconRight, m('br'), fieldAdvStart,
-        fieldAdvEnd, checkboxWebsite, checkboxAnnounce, checkboxInfoScreen,
-        buttonBannerUp, buttonInfoUp, buttonPosterUp, buttonThumbUp, m('br'),
-        buttonUploadAll, m('br'), checkboxAllowMail, radioButtonSelectionMode,
+        'div', { style: { height: '100%', 'overflow-y': 'scroll' } }
+        , [
+          m(
+            'h1', 'Advertise Information', iconLeft, iconRight, m('br'), fieldAdvStart,
+            fieldAdvEnd, checkboxWebsite, checkboxAnnounce, checkboxInfoScreen,
+            buttonBannerUp, buttonInfoUp, buttonPosterUp, buttonThumbUp, m('br'),
+            buttonUploadAll, m('br'), checkboxAllowMail, radioButtonSelectionMode,
+          ),
+        ],
       ));
     }
     return layoutWith(m(''));
-- 
GitLab