testbench: move TabBar to footer

This is a more typical use of TabBar, and gives it the room it needs
for styles where the text is larger.

Change-Id: I302a690dd23a69c4b919ebc9996cfaa641ea1b01
Reviewed-by: J-P Nurmi <jpnurmi@theqtcompany.com>

1 files changed, 14 insertions, 16 deletions

diff --git a/tests/manual/testbench/main.qml b/tests/manual/testbench/main.qml
index 711c6e08..83fadc16 100644
--- a/tests/manual/testbench/main.qml
+++ b/tests/manual/testbench/main.qml
@@ -88,6 +88,20 @@ ApplicationWindow {
         }
     }
 
+    footer: TabBar {
+        TabButton {
+            text: "Normal"
+        }
+        TabButton {
+            text: "Pressed"
+            pressed: true
+        }
+        TabButton {
+            text: "Disabled"
+            enabled: false
+        }
+    }
+
     Flickable {
         anchors.fill: parent
         flickableDirection: Flickable.VerticalFlick
@@ -115,22 +129,6 @@ ApplicationWindow {
             }
 
             RowLayout {
-                TabBar {
-                    TabButton {
-                        text: "Normal"
-                    }
-                    TabButton {
-                        text: "Pressed"
-                        pressed: true
-                    }
-                    TabButton {
-                        text: "Disabled"
-                        enabled: false
-                    }
-                }
-            }
-
-            RowLayout {
                 CheckBox {
                     text: "Normal"
                 }