NRadioButton: proper elipsis. Fix #385

Modules/Settings/Tabs/AudioTab.qml

@@ -150,6 +150,7 @@ ColumnLayout {
   // AudioService Devices
   ColumnLayout {
     spacing: Style.marginS * scaling
+    Layout.fillWidth: true
 
     NHeader {
       label: I18n.tr("settings.audio.devices.section.label")
@@ -175,14 +176,15 @@ ColumnLayout {
       Repeater {
         model: AudioService.sinks
         NRadioButton {
-          required property PwNode modelData
           ButtonGroup.group: sinks
+          required property PwNode modelData
+          text: modelData.description
           checked: AudioService.sink?.id === modelData.id
           onClicked: {
             AudioService.setAudioSink(modelData)
             localVolume = AudioService.volume
           }
-          text: modelData.description
+          Layout.fillWidth: true
         }
       }
     }
@@ -204,12 +206,14 @@ ColumnLayout {
 
       Repeater {
         model: AudioService.sources
+        //Layout.fillWidth: true
         NRadioButton {
-          required property PwNode modelData
           ButtonGroup.group: sources
+          required property PwNode modelData
+          text: modelData.description
           checked: AudioService.source?.id === modelData.id
           onClicked: AudioService.setAudioSource(modelData)
-          text: modelData.description
+          Layout.fillWidth: true
         }
       }
     }

Widgets/NRadioButton.qml

@@ -44,6 +44,7 @@ RadioButton {
     font.pointSize: Style.fontSizeM * scaling
     anchors.verticalCenter: parent.verticalCenter
     anchors.left: outerCircle.right
+    anchors.right: parent.right
     anchors.leftMargin: Style.marginS * scaling
   }
 }