From b1435e5edc444999447fa42061ce9bdeca4c4a8f Mon Sep 17 00:00:00 2001
From: kovacsv <viktorkovacs@gmail.com>
Date: Sun, 7 Nov 2021 17:21:13 +0100
Subject: [PATCH] Modify files panel design.

---
 website/o3dv/css/website.css       |  4 ++--
 website/o3dv/js/navigatorpanels.js | 25 +++++++++++++++----------
 2 files changed, 17 insertions(+), 12 deletions(-)

diff --git a/website/o3dv/css/website.css b/website/o3dv/css/website.css
index 70cc748..715621d 100644
--- a/website/o3dv/css/website.css
+++ b/website/o3dv/css/website.css
@@ -188,13 +188,13 @@ div.ov_navigator_tree_title
 div.ov_navigator_tree_panel
 {
 	overflow: auto;
-	margin-bottom: 10px;
 }
 
 div.ov_navigator_info_panel
 {
-	overflow: auto;
+	margin-top: 10px;
 	border-top: 1px solid var(--ov_border_color);
+	overflow: auto;
 }
 
 div.ov_navigator_info_panel div.ov_navigator_info_button
diff --git a/website/o3dv/js/navigatorpanels.js b/website/o3dv/js/navigatorpanels.js
index 49a5570..db3edc6 100644
--- a/website/o3dv/js/navigatorpanels.js
+++ b/website/o3dv/js/navigatorpanels.js
@@ -210,17 +210,8 @@ OV.NavigatorFilesPanel = class extends OV.NavigatorPanel
         const usedFiles = importResult.usedFiles;
         const missingFiles = importResult.missingFiles;
 
-        let filesItem = new OV.TreeViewGroupItem ('Files', 'files');
-        filesItem.ShowChildren (true);
-        this.treeView.AddItem (filesItem);
-        for (let i = 0; i < usedFiles.length; i++) {
-            let file = usedFiles[i];
-            let item = new OV.TreeViewSingleItem (file);
-            filesItem.AddChild (item);
-        }
-
         if (missingFiles.length > 0) {
-            let missingFilesItem = new OV.TreeViewGroupItem ('Missing Files', 'missing_files');
+            let missingFilesItem = new OV.TreeViewGroupItem ('Missing Files', null);
             missingFilesItem.ShowChildren (true);
             this.treeView.AddItem (missingFilesItem);
             for (let i = 0; i < missingFiles.length; i++) {
@@ -233,6 +224,20 @@ OV.NavigatorFilesPanel = class extends OV.NavigatorPanel
                 item.AppendButton (browseButton);
                 missingFilesItem.AddChild (item);
             }
+            let filesItem = new OV.TreeViewGroupItem ('Available Files', null);
+            filesItem.ShowChildren (true);
+            this.treeView.AddItem (filesItem);
+            for (let i = 0; i < usedFiles.length; i++) {
+                let file = usedFiles[i];
+                let item = new OV.TreeViewSingleItem (file);
+                filesItem.AddChild (item);
+            }
+        } else {
+            for (let i = 0; i < usedFiles.length; i++) {
+                let file = usedFiles[i];
+                let item = new OV.TreeViewSingleItem (file);
+                this.treeView.AddItem (item);
+            }
         }
     }
 };