modified layout to support long country names (#3272)

* modified layout to support long country names * use elide for fix - remove extra props
mozilla-mobile · Apr 6, 2022 · b64370c · b64370c
1 parent fd74279
commit b64370c
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/nebula/ui/components/VPNConnectionInfoItem.qml b/nebula/ui/components/VPNConnectionInfoItem.qml
@@ -45,17 +45,19 @@ RowLayout {
         id: itemLabel
         color: VPNTheme.theme.white
         text: infoStatusItem.title
-
+        
         Layout.alignment: Qt.AlignVCenter
         Layout.fillWidth: true
+        elide: Text.ElideRight
     }
 
     VPNInterLabel {
         id: itemValue
 
         color: VPNTheme.colors.white
         text: infoStatusItem.subtitle
-
-        Layout.alignment: Qt.AlignVCenter | Qt.AlignRight
+        horizontalAlignment: Text.AlignRight
+
+        Layout.alignment: Qt.AlignRight | Qt. AlignVCenter
     }
 }