Refactor qml file hierarchy

layouts/components/ContentView.qml

@@ -3,6 +3,8 @@ import QtQuick.Controls 1.4
 
 import Ikinuki.Client 1.0
 
+import "./ContentView"
+
 TabView {
     id: tabView
     property var providers
@@ -10,7 +12,8 @@ TabView {
     state: viewSelected ? "selected" : "deselected"
     property int xSelect: 0
     property int ySelect: 0
-    width: viewSelected ? parent.width * 0.95 : parent.width * 0.8
+    //width: viewSelected ? parent.width * 0.95 : parent.width * 0.8
+    width: parent.width * viewSelected ? 0.95 : 0.8
     height: parent.height
 
     property var maxElements: providers.length
@@ -28,14 +31,14 @@ TabView {
                     }
                     Column {
                         spacing: 20
-                        ContentViewElement {
+                        Element {
                             title: "In Progress"
                             provider: modelData
                             repeaterModel: modelData.inProgress
                             elemSelected: viewSelected && (0 == ySelect)
                             xIndex: xSelect
                         }
-                        ContentViewElement {
+                        Element {
                             title: "Recently Added"
                             provider: modelData
                             repeaterModel: modelData.recentlyAdded

layouts/components/ContentView/Element.qml

@@ -25,7 +25,7 @@ Column {
         Repeater {
             property var provider: modelData
             model: repeaterModel
-            ContentViewElementShow {
+            Show {
                 show: provider.getShow(modelData)
             }
         }

layouts/components/Sidebar.qml

@@ -2,6 +2,8 @@ import QtQuick 2.12
 
 import Ikinuki.Client 1.0
 
+import "./Sidebar"
+
 Rectangle {
     id: rect
     property var providers
@@ -15,11 +17,11 @@ Rectangle {
     //color: "#0a3d4a"
     Column {
         anchors.fill: parent
-        SidebarHeader {}
+        Header {}
         Repeater {
             id: sidebarElements
             model: providers
-            SidebarElement {
+            Element {
                 provider: modelData
                 maximized: rect.maximized
                 selected: (index == selectedElement) ? true : false