Merge lp:~tiagosh/messaging-app/fix_swipe-demo_text_position into lp:messaging-app

[Tiago Salem Herrmann]

Makes text in the swipe demo use relative positioning instead of absolute.

This MR was created by Daniyaal Rasheed as a google code-in task, but it needs sync with trunk in order to get landed, so we are resubmitting the MR here. This is the original description:

"""
I've deleted the absolute height specification inside of the RowLayout so that the height of the message is entirely dependent on the height of the dragMessage. The "Got it" button is anchored to the bottom of the message because if it was anchored to the top, then it would jump around whenever the number of lines in the text increased or decreased. Then I changed the bottomMargin of the "Got it" button to be units.gu(21) instead of 19 because the message row layout used to have a height of 3 and the button was anchored to its top instead of bottom.
"""

[PS Jenkins bot (ps-jenkins)]

FAILED: Continuous integration, rev:516
http://jenkins.qa.ubuntu.com/job/messaging-app-ci/960/
Executed test runs:
    FAILURE: http://jenkins.qa.ubuntu.com/job/generic-deb-autopilot-vivid-touch/6607/console
    FAILURE: http://jenkins.qa.ubuntu.com/job/messaging-app-vivid-i386-ci/469/console
    FAILURE: http://jenkins.qa.ubuntu.com/job/generic-mediumtests-builder-vivid-armhf/6618/console

Click here to trigger a rebuild:
http://s-jenkins.ubuntu-ci:8080/job/messaging-app-ci/960/rebuild

review: Needs Fixing (continuous-integration)

[Gustavo Pichorim Boiko (boiko)]

Looks good!

review: Approve

=== modified file 'src/qml/SwipeItemDemo.qml'
--- src/qml/SwipeItemDemo.qml	2015-11-03 13:16:43 +0000
+++ src/qml/SwipeItemDemo.qml	2016-02-23 14:52:18 +0000
@@ -69,9 +69,9 @@
                 objectName: "gotItButton"
 
                 anchors {
-                    bottom: dragTitle.top
+                    bottom: dragTitle.bottom
                     horizontalCenter: parent.horizontalCenter
-                    bottomMargin: units.gu(19)
+                    bottomMargin: units.gu(21)
                 }
                 width: units.gu(17)
                 strokeColor: UbuntuColors.green
@@ -94,7 +94,6 @@
                     bottom: listItem.top
                     margins: units.gu(1)
                 }
-                height: units.gu(3)
                 spacing: units.gu(2)
 
                 Image {