Backbone.js portal

I have been working on building a web portal for an organization [login to view URL] The work i require done involves some UI changes, validation on the UI compontents and addition of about 2 simple screens. The backend in use i [login to view URL] . What has been built so far is heavily based on this tutorial [login to view URL] The list of tasks in order of priority are as follows: 1. Image: [login to view URL] Task: When the Choose date button is clicked, News Title shouldn't wrap to the button level 2. Image : [login to view URL] Tasks: This section should have a border like the Event Information (below on web page). Bible version should be left aligned in line below header above. 3. Image : [login to view URL] Tasks: This section consists of multiple events. At the moment when an event is added it added to a list and saved but for editing purposes, I need it to be visible in a list like this [login to view URL] within the same border. When the user hits save event the list is automatically updated. if the user clicks on an X it's deleted and removed from the final list being saved. When the user hit save event, the text areas already clear, but i want it to still clear but appear in list form as depicted above image. When the user clicks the tick on the right, the text areas are populated again. that way the user can edit and save the changes. 4. Image : [login to view URL] Tasks: I need the Bulletin detail area to be bigger and appear below the title. It will accommodate about 100 lines of text, but is no limit to the text so its scrollable. When the user clicks save, the text areas are cleared but i want a single list item to appear below it, editing options are the same as previous task. 5. Image : [login to view URL] Tasks: This section are multiple entries so to be treated like events. Editing options apply as above. Also the section items should be spaced and aligned 6. Image : [login to view URL] Tasks: This section are multiple entries so to be treated like events. Editing options apply as above. Also the section items should be spaced and aligned 7. Image: [login to view URL] Tasks: When the button is clicked, i need validation to be performed. Ideally none of the sections should be empty or the list empty. Any items sections should have a text notification telling the user where the problem is [login to view URL] the event is saved, all items are saved to parse and a push notification is sent. the message below should appear then fade out. 8. I need a section called banners to allow the user to select images to upload from the computer. When the user uploads the picture it should appear in a list item with a preview. The user can choose to delete it, There doesn't need to be validation on this section(so images or no images to create announcement). However if there are images, I need a button at the bottom of the section that says save. When that button is clicked, all the images are uploaded to [login to view URL] ( => Documentation [login to view URL] ) Cloudinary returns a url for each image. urls are added a part of the parse announcement object being saved.