fixed roomsettings spacing and toggle button right align bug

2 files changed, 17 insertions, 2 deletions

diff --git a/resources/qml/RoomSettings.qml b/resources/qml/RoomSettings.qml

index dd5c85d3..898853e9 100644
--- a/resources/qml/RoomSettings.qml
+++ b/resources/qml/RoomSettings.qml
@@ -121,9 +121,11 @@ ApplicationWindow {
 
         GridLayout {
             columns: 2
+            rowSpacing: 10
 
             MatrixText {
                 text: "SETTINGS"
+                font.bold: true
             }
 
             Item {
@@ -220,8 +222,19 @@ ApplicationWindow {
                 Layout.alignment: Qt.AlignRight
             }
 
+            Item {
+                // for adding extra space between sections
+                Layout.fillWidth: true
+            }
+
+            Item {
+                // for adding extra space between sections
+                Layout.fillWidth: true
+            }
+
             MatrixText {
                 text: "INFO"
+                font.bold: true
             }
 
             Item {
@@ -234,7 +247,7 @@ ApplicationWindow {
 
             MatrixText {
                 text: roomSettings.roomId
-                font.pixelSize: 12
+                font.pixelSize: 14
                 Layout.alignment: Qt.AlignRight
             }
 
@@ -244,7 +257,7 @@ ApplicationWindow {
 
             MatrixText {
                 text: roomSettings.roomVersion
-                font.pixelSize: 12
+                font.pixelSize: 14
                 Layout.alignment: Qt.AlignRight
             }
         }
diff --git a/resources/qml/ToggleButton.qml b/resources/qml/ToggleButton.qml

index 59ec1a12..dfef6207 100644
--- a/resources/qml/ToggleButton.qml
+++ b/resources/qml/ToggleButton.qml
@@ -5,8 +5,10 @@ import im.nheko 1.0
 
 Switch {
     id: toggleButton
+    implicitWidth: indicatorItem.width
 
 	indicator: Item {
+        id: indicatorItem
         implicitWidth: 48
         implicitHeight: 24
         y: parent.height / 2 - height / 2