From: Luciano Montanaro <mikelima@cirulla.net>
Date: Wed, 13 Nov 2013 00:08:20 +0000 (+0100)
Subject: Improve AboutPage layout
X-Git-Tag: tags/0.6.1^2~1
X-Git-Url: https://vcs.maemo.org/git/?p=quandoparte;a=commitdiff_plain;h=c2f826c1416fa85f1251a06e543a6f8ed66305db

Improve AboutPage layout
---

diff --git a/application/resources/sailfish/qml/pages/AboutPage.qml b/application/resources/sailfish/qml/pages/AboutPage.qml
index a41cd3b..c478bc9 100644
--- a/application/resources/sailfish/qml/pages/AboutPage.qml
+++ b/application/resources/sailfish/qml/pages/AboutPage.qml
@@ -3,39 +3,54 @@ import Sailfish.Silica 1.0
 
 Page {
     SilicaFlickable {
-	anchors.fill: parent
-	PageHeader {
-	    id: header
-	    anchors.top: parent.top
-        title: qsTr("About Quando Parte")
-	}
-	Label {
-	    anchors {
-		top: header.bottom;
-		left: parent.left;
-		right: parent.right;
-		margins: Theme.paddingLarge
-	    }
+        anchors.fill: parent
+        anchors.margins: Theme.paddingLarge
+        PageHeader {
+            id: header
+            anchors.top: parent.top
+            title: qsTr("About Quando Parte")
+        }
+
+        Row {
+            anchors.top: header.bottom
+            id: firstSection
+            spacing: Theme.paddingLarge
+            Image {
+                anchors.verticalCenter: parent.verticalCenter
+                source: "/usr/share/icons/hicolor/meegotouch/apps/quandoparte.png"
+            }
+            Label {
+                textFormat: Text.RichText
+                text: "<style>a:link{color:" + Theme.highlightColor + ";text-decoration:none}</style>" +
+                      "<div style='font-size:large;font-weight:bold'><a href='http://quandoparte.garage.maemo.org'>" +
+                      qsTr("Quando Parte") + "</a></div>" + "<div style='font-size:small;'>" +
+                      qsTr("version ") + settings.versionString + "</div>"
+                onLinkActivated: Qt.openUrlExternally(link)
+            }
+        }
+        Label {
+            anchors {
+                top: firstSection.bottom;
+                left: parent.left;
+                right: parent.right;
+                topMargin: Theme.paddingLarge
+            }
             fontSizeMode: Text.Fit
             textFormat: Text.RichText
             wrapMode: Text.WordWrap
             linkColor: Theme.highlightColor
-        text: qsTr("<h2><a href='http://quandoparte.garage.maemo.org'>" +
-		       "Quando Parte" + "</a></h2>" +"<p style='font-size:small;'>version ") +
-		  settings.versionString +
-                  "<div style='font-size:small;'>" +
-		  qsTr("</p>" +
-                       "<p>Copyright (c) 2010, 2011, 2012, 2013</p>" +
-		       "<p>Luciano Montanaro " +
-		       "(<a href='mailto:mikelima@cirulla.net'>mikelima@cirulla.net</a>)</p>" +
-		       "<p>Licensed under the GNU Public License v2 or above</p>" +
-		       "<p/><p>Station geolocation data from " +
-		       "<a href='http://www.openstreetmap.org'>OpenStreetMap</a></p>" +
-		       "<p>Realtime train data from " +
+            text: "<style>a:link{color:" + Theme.highlightColor + ";text-decoration:none}</style>" +
+                  "<div style='font-size:small'>" +
+                  qsTr("<p>Copyright (c) 2010, 2011, 2012, 2013</p>" +
+                       "<p>Luciano Montanaro " +
+                       "(<a href='mailto:mikelima@cirulla.net'>mikelima@cirulla.net</a>)</p>" +
+                       "<p>Licensed under the GNU Public License v2 or above</p>" +
+                       "<p/><p>Station geolocation data from " +
+                       "<a href='http://www.openstreetmap.org'>OpenStreetMap</a></p>" +
+                       "<p>Realtime train data from " +
                        "<a href='http://mobile.viaggiatreno.it'>Viaggiatreno</a></p>") +
-                       "</div>"
+                  "</div>"
             onLinkActivated: Qt.openUrlExternally(link)
-	}
+        }
     }
-
- }
+}