RTL: AboutPopUp fix

Fixed the alignment problem with RTL languages on the About Jami PopUp.

GitLab: #1952
Change-Id: I8262cb658ac3099a113e04574df3e93bd7993f0b

src/app/mainview/components/AboutPopUp.qml

@@ -32,8 +32,12 @@ BaseModalDialog {
     button1.text: JamiStrings.contribute
     button2.text: JamiStrings.feedback
 
-    button1.onClicked: { Qt.openUrlExternally("https://jami.net/contribute/")}
-    button2.onClicked: { Qt.openUrlExternally("mailto:jami@gnu.org")}
+    button1.onClicked: {
+        Qt.openUrlExternally("https://jami.net/contribute/");
+    }
+    button2.onClicked: {
+        Qt.openUrlExternally("mailto:jami@gnu.org");
+    }
 
     popupContent: JamiFlickable {
         id: aboutPopUpScrollView
@@ -111,11 +115,11 @@ BaseModalDialog {
                                 // generated, so we prevent a "." from being displayed if the version
                                 // string is not available.
                                 var contentStr = JamiStrings.buildID + ": " + UtilsAdapter.getBuildIDStr();
-                                    const versionStr = UtilsAdapter.getVersionStr()
+                                const versionStr = UtilsAdapter.getVersionStr();
                                 if (versionStr.length > 1) {
-                                        contentStr += "\n" + JamiStrings.version + ": " + (isBeta ? "(Beta) " : "") + versionStr
+                                    contentStr += "\n" + JamiStrings.version + ": " + (isBeta ? "(Beta) " : "") + versionStr;
                                 }
-                                    return contentStr
+                                return contentStr;
                             }
 
                             selectByMouse: true
@@ -229,8 +233,9 @@ BaseModalDialog {
             }
 
             Rectangle {
-                    width: projectCreditsScrollView.width + 20
-                    height: projectCreditsScrollView.height + 20
+
+                width: JamiTheme.preferredDialogWidth - 2 * JamiTheme.preferredMarginSize
+                height: 160
 
                 color: JamiTheme.backgroundRectangleColor
                 radius: 5
@@ -238,13 +243,12 @@ BaseModalDialog {
                 ProjectCreditsScrollView {
                     id: projectCreditsScrollView
 
-                        anchors.centerIn: parent
-                        width: JamiTheme.preferredDialogWidth - 2*JamiTheme.preferredMarginSize
-                        height: 140
-                        anchors.margins: 10
+                    anchors.fill: parent
+                    anchors.topMargin: JamiTheme.preferredMarginSize
+                    anchors.bottomMargin: JamiTheme.preferredMarginSize
+                    anchors.leftMargin: JamiTheme.preferredMarginSize / 2
                 }
             }
-
         }
     }
 }