From f76f7b7f8adaf6fd1727b30c0e1af5e5adacfe7b Mon Sep 17 00:00:00 2001
From: Jedi18 <targetakhil@gmail.com>
Date: Tue, 16 Feb 2021 22:22:55 +0530
Subject: [PATCH] fixed roomsettings spacing and toggle button right align bug

---
 resources/qml/RoomSettings.qml | 17 +++++++++++++++--
 resources/qml/ToggleButton.qml |  2 ++
 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