From 12deef7e96eca8d12878cee5cec708fdb1cc951e Mon Sep 17 00:00:00 2001
From: David Baldwynn <david.baldwin@alumni.ubc.ca>
Date: Fri, 13 Nov 2015 10:59:25 -0800
Subject: [PATCH] fixed text overflow bug in startPage

---
 .../form/edit-form.client.view.html           | 21 +++++++++----------
 .../form/submit-form.client.view.html         | 14 +++++++------
 2 files changed, 18 insertions(+), 17 deletions(-)

diff --git a/public/modules/forms/views/directiveViews/form/edit-form.client.view.html b/public/modules/forms/views/directiveViews/form/edit-form.client.view.html
index 98721165..a40a6a8a 100644
--- a/public/modules/forms/views/directiveViews/form/edit-form.client.view.html
+++ b/public/modules/forms/views/directiveViews/form/edit-form.client.view.html
@@ -48,17 +48,17 @@
                                     <h4>Preview Start Page</h4>
                                 </div>
                                 <ul class="col-md-12 container" style="list-style:none;border:2px lightgray solid;">
-                                    <!-- <entryPage pageData="myform.startPage" pageType="startPage"></entryPage> -->
-                                    <div class="field row text-center">
-                                        <div class="col-xs-12 text-center">
+   
+                                    <div class="field row">
+                                        <div class="col-xs-12 text-center" style="overflow-wrap: break-word;">
                                             <h1>{{myform.startPage.introTitle}}</h1>
                                         </div>
-                                        <div class="col-xs-10 col-xs-offset-1 text-left">
+                                        <div class="col-xs-10 col-xs-offset-1 text-left" style="overflow-wrap: break-word;">
                                             <p style="color:#ddd;">{{myform.startPage.introParagraph}}</p>
                                         </div>
                                     </div>
                                     <div class="row form-actions" style="padding-bottom:3em; padding-left: 1em; padding-right: 1em;">
-                                        <p ng-repeat="button in pageData.buttons" class="text-center" style="display:inline;">
+                                        <p ng-repeat="button in myform.startPage.buttons" class="text-center" style="display:inline;">
                                             <button class="btn btn-info" type="button" ng-style="{'background-color':button.bgColor, 'color':button.color}">
                                                 <a href="{{button.url}}" style="font-size: 1.6em; text-decoration: none; color: inherit;" > 
                                                     {{button.text}}
@@ -67,14 +67,13 @@
                                         </p>
                                     </div>
                                     <div class="row form-actions">
-                                        <p class="col-xs-3 col-xs-offset-3 text-center">
-                                            <button class="btn btn-info" type="button">
-                                                <a ng-click="exitpageData()" style="color:white; font-size: 1.6em; text-decoration: none;">Continue to Form</a>
-                                            </button>
-                                        </p>
+                                        <button ng-click="exitStartPage()" class="btn btn-info col-md-8 col-md-offset-2 col-lg-4 col-lg-offset-4" type="button">
+                                            <a style="color:white; font-size: 1.6em; text-decoration: none;">
+                                                Continue to Form
+                                            </a>
+                                        </button>
                                     </div>
                                 </ul>
-                                <hr>
                             </div>
 
                             <div class="row">
diff --git a/public/modules/forms/views/directiveViews/form/submit-form.client.view.html b/public/modules/forms/views/directiveViews/form/submit-form.client.view.html
index 1b08a053..c85a4c2e 100755
--- a/public/modules/forms/views/directiveViews/form/submit-form.client.view.html
+++ b/public/modules/forms/views/directiveViews/form/submit-form.client.view.html
@@ -2,11 +2,11 @@
 
 <!-- Start Page View -->
 <div ng-show="!myform.submitted && myform.startPage.showStart" class="form-submitted">
-    <div class="field row text-center">
-        <div class="col-xs-12 text-center">
+    <div class="field row">
+        <div class="col-xs-12 text-center" style="overflow-wrap: break-word;">
             <h1>{{myform.startPage.introTitle}}</h1>
         </div>
-        <div class="col-xs-10 col-xs-offset-1 text-left">
+        <div class="col-xs-10 col-xs-offset-1 text-left" style="overflow-wrap: break-word;">
             <p style="color:#ddd;">{{myform.startPage.introParagraph}}</p>
         </div>
     </div>
@@ -20,9 +20,11 @@
         </p>
     </div>
     <div class="row form-actions">
-            <button ng-click="exitStartPage()" class="btn btn-info col-sm-4 col-sm-offset-4" type="button">
-                <a style="color:white; font-size: 1.6em; text-decoration: none;">Continue to Form</a>
-            </button>
+        <button ng-click="exitStartPage()" class="btn btn-info col-md-8 col-md-offset-2 col-lg-4 col-lg-offset-4" type="button">
+            <a style="color:white; font-size: 1.6em; text-decoration: none;">
+                Continue to Form
+            </a>
+        </button>
     </div>
 </div>