misc: invert horizontal and vertical view labels

Change-Id: Ic00b2f5073ee3c3b866c8042be3c19993d446699
GitLab: #1142

src/app/commoncomponents/MaterialRadioButton.qml

@@ -74,7 +74,7 @@ RadioButton {
         spacing: 10
 
         anchors.left: root.indicator.right
-        anchors.leftMargin: root.spacing
+        anchors.leftMargin: 10
 
         ResponsiveImage {
             color: borderColor
@@ -89,6 +89,8 @@ RadioButton {
             font.pixelSize: JamiTheme.settingsDescriptionPixelSize
             text: root.text
             wrapMode: Text.WordWrap
+            Layout.fillWidth: true
+            Layout.alignment: Qt.AlignLeft | Qt.AlignVCenter
         }
     }
 

src/app/mainview/components/OngoingCallPage.qml

@@ -125,18 +125,18 @@ Rectangle {
         anchors.fill: parent
 
         property bool isHorizontal: false // Calculated when showing the stack view
-        orientation: isHorizontal ? Qt.Horizontal : Qt.Vertical
+        orientation: isHorizontal ? Qt.Vertical : Qt.Horizontal // Chatview is horizontal if split is vertical (so chatview takes full width)
 
         handle: Rectangle {
-            implicitWidth: mainColumnLayout.isHorizontal ? JamiTheme.splitViewHandlePreferredWidth : root.width
-            implicitHeight: mainColumnLayout.isHorizontal ? root.height : JamiTheme.splitViewHandlePreferredWidth
+            implicitWidth: mainColumnLayout.isHorizontal ? root.width : JamiTheme.splitViewHandlePreferredWidth
+            implicitHeight: mainColumnLayout.isHorizontal ? JamiTheme.splitViewHandlePreferredWidth : root.height
             color: SplitHandle.pressed ? JamiTheme.pressColor : (SplitHandle.hovered ? JamiTheme.hoverColor : JamiTheme.tabbarBorderColor)
         }
 
         Rectangle {
             id: callPageMainRect
 
-            SplitView.preferredHeight: mainColumnLayout.isHorizontal ? root.height : (root.height / 3) * 2
+            SplitView.preferredHeight: mainColumnLayout.isHorizontal ? (root.height / 3) * 2 : root.height
             SplitView.minimumWidth: JamiTheme.mainViewPaneMinWidth
             SplitView.fillWidth: true
 

src/app/settingsview/components/CallSettingsPage.qml

@@ -343,35 +343,35 @@ SettingsPageBase {
                 }
 
                 MaterialRadioButton {
-                    id: verticalRadio
+                    id: horizontalRadio
                     width: 255
                     height: 60
 
-                    text: JamiStrings.verticalViewOpt
+                    text: JamiStrings.horizontalViewOpt
                     ButtonGroup.group: optionsB
                     iconSource: JamiResources.horizontal_view_svg
 
                     onCheckedChanged: {
                         if (checked) {
-                            UtilsAdapter.setAppValue(Settings.Key.ShowChatviewHorizontally, false);
+                            UtilsAdapter.setAppValue(Settings.Key.ShowChatviewHorizontally, true);
                         }
                     }
                 }
 
                 MaterialRadioButton {
-                    id: horizontalRadio
+                    id: verticalRadio
 
                     width: 255
                     height: 60
 
-                    text: JamiStrings.horizontalViewOpt
+                    text: JamiStrings.verticalViewOpt
                     ButtonGroup.group: optionsB
                     //color: JamiTheme.blackColor
                     iconSource: JamiResources.vertical_view_svg
 
                     onCheckedChanged: {
                         if (checked) {
-                            UtilsAdapter.setAppValue(Settings.Key.ShowChatviewHorizontally, true);
+                            UtilsAdapter.setAppValue(Settings.Key.ShowChatviewHorizontally, false);
                         }
                     }
                 }