Applications: rework for allowing mirroting with RTL language behaviour

1 files changed, 17 insertions, 14 deletions

diff --git a/qml/mw-ui.qml b/qml/mw-ui.qml
index 5519618..787e410 100644
--- a/qml/mw-ui.qml
+++ b/qml/mw-ui.qml
@@ -559,21 +559,23 @@ Rectangle {
                         textFormat: Text.RichText
                         wrapMode: Text.WordWrap
                         color: "black"
-                        font.bold: true
+                        font.weight: Font.DemiBold
                     }
                 }
-               Row {
-                   // Under the warning
-                   Column {
-                        // Software categories
-                       id:categoriesColumn
+                Item {
+                    width: row.width
+                    height: 200
+                    Row {
+                        id: row
+                       // Under the warning
+
+                       // Software categories
 
                        Component { //The hightlight
                             id: catHighlight
                             Rectangle {
-                                width: 190
+                                width: categoriesList.width
                                 height:  Qt.application.font.pixelSize + 16
-                                //anchors.horizontalCenter: parent.horizontalCenter
                                 color:  "#262F45"
                                 y: categoriesList.currentItem.y;
                             }
@@ -581,7 +583,6 @@ Rectangle {
 
                         ListView {
                             id:categoriesList
-                            anchors {left: parent.left;}
                             width: 190
                             highlight: catHighlight
                             highlightFollowsCurrentItem: false
@@ -619,12 +620,13 @@ Rectangle {
                                 }
                             }
 
-                    }
+
                     Rectangle {
                         // Software list
-                        height: box.height - 222
-                        x: 210
                         id: softListRect
+                        height: view.height
+                        width: view.width - categoriesList.width
+                        color: "transparent"
                         // the width of install and Launch button will be calculated then updated. We give here a minimal size
                         property real installwidth: Qt.application.font.pixelSize * 2
 
@@ -678,7 +680,7 @@ Rectangle {
                                         text: description
                                         font.italic: true
                                         font.pixelSize: Qt.application.font.pixelSize * .9
-                                        width: view.width - (200 + 44 +38 + softListRect.installwidth + Qt.application.font.pixelSize * 3.5)
+                                        width: view.width - (190 + 44 +38 + softListRect.installwidth + tag.width )
                                         wrapMode: Text.WordWrap
                                         color: "white"
                                         }
@@ -735,6 +737,7 @@ Rectangle {
                                     }
 
                                     Loader {
+                                        id: tag
                                         Component {
                                             id: repotag
                                             Rectangle {
@@ -770,7 +773,7 @@ Rectangle {
                                 spacing: 5
                             }
                         }
-                    }
+                    }}
                 }
             }
         }