formatting tabs

components/StyledTabBar.qml

@@ -5,20 +5,14 @@ TabBar {
     id: control
 
     property alias orientation: view.orientation
-    spacing: 12
 
-    contentItem: Item {
-        ListView {
-            id: view
-            anchors.centerIn: parent
-            implicitWidth: parent.width - 20
-            implicitHeight: parent.height - 20
-            model: control.contentModel
-            currentIndex: control.currentIndex
-            spacing: control.spacing
-            orientation: ListView.Horizontal
-            boundsBehavior: Flickable.StopAtBounds
-        }
+    contentItem: ListView {
+        id: view
+        model: control.contentModel
+        currentIndex: control.currentIndex
+        spacing: control.spacing
+        orientation: ListView.Horizontal
+        boundsBehavior: Flickable.StopAtBounds
     }
 
     background: Item {}

components/StyledTabButton.qml

@@ -6,7 +6,7 @@ TabButton {
     id: control
 
     property alias radius: rectangle.radius
-    padding: 10
+    padding: 8
     radius: Styling.theme.radiusField
 
     contentItem: Text {
@@ -15,7 +15,6 @@ TabButton {
         text: control.text
         verticalAlignment: Text.AlignVCenter
         horizontalAlignment: Text.AlignHCenter
-        padding: 6
         color: control.hovered ? Styling.theme.primarycontent : Styling.theme.basecontent
         Behavior on color {
             ColorAnimation {