feat(ui/views/App/Settings/SettingsWindow): fill tab bar

linphone-desktop/ui/views/App/Settings/SettingsWindow.qml

@@ -3,12 +3,15 @@ import QtQuick.Controls 2.1
 import QtQuick.Layouts 1.3
 
 import Common 1.0
+import Common.Styles 1.0
 
 import App.Styles 1.0
 
 // =============================================================================
 
 ApplicationWindow {
+  id: window
+
   height: SettingsWindowStyle.height
   width: SettingsWindowStyle.width
 
@@ -29,10 +32,12 @@ ApplicationWindow {
     // Navigation bar.
     // -------------------------------------------------------------------------
 
-    TabBar {
-      id: navigationBar
-
+    RowLayout {
       Layout.fillWidth: true
+      spacing: 0
+
+      TabBar {
+        id: tabBar
 
         TabButton {
           text: qsTr('sipAccountsTab')
@@ -65,6 +70,14 @@ ApplicationWindow {
         }
       }
 
+      Rectangle {
+        Layout.fillWidth: true
+        Layout.preferredHeight: TabButtonStyle.text.height
+
+        color: TabButtonStyle.backgroundColor.normal
+      }
+    }
+
     // -------------------------------------------------------------------------
     // Content.
     // -------------------------------------------------------------------------
@@ -72,7 +85,8 @@ ApplicationWindow {
     StackLayout {
       Layout.fillHeight: true
       Layout.fillWidth: true
-      currentIndex: navigationBar.currentIndex
+
+      currentIndex: tabBar.currentIndex
 
       SettingsSipAccounts {}
       SettingsAudio {}
@@ -92,6 +106,8 @@ ApplicationWindow {
       Layout.rightMargin: SettingsWindowStyle.validButton.rightMargin
 
       text: qsTr('validButton')
+
+      onClicked: window.hide()
     }
   }
 }