chore: project dropdown location display change , rendering html and styles

Author: abose

src/extensionsIntegrated/RecentProjects/main.js

@@ -548,9 +548,7 @@ define(function (require, exports, module) {
     });
 
     AppInit.htmlReady(function () {
-        $("#project-title")
-            .wrap("<div id='project-dropdown-toggle' class='btn-alt-quiet'></div>")
-            .after("<span class='dropdown-arrow'></span>");
+        $("#project-dropdown-toggle .dropdown-arrow").removeClass("forced-hidden");
 
         var cmenuAdapter = {
             open: showDropdown,

src/index.html

@@ -824,7 +824,10 @@
         </div>
         <div id="project-files-header">
             <i id="project-operations-spinner" class="fa fa-spinner fa-spin forced-hidden"></i>
-            <span id="project-title" class="title"></span>
+            <div id='project-dropdown-toggle' class='btn-alt-quiet'>
+                <span id="project-title" class="title"></span>
+                <span class='dropdown-arrow forced-hidden'></span>
+            </div>
         </div>
         <div id="project-files-container">
             <!-- This will contain a dynamically generated <ul> hierarchy at runtime -->

src/phoenix/shell.js

@@ -19,7 +19,7 @@
 // jshint ignore: start
 /*eslint no-console: 0*/
 /*eslint strict: ["error", "global"]*/
-/*global Phoenix, fs*/
+/*global fs, path*/
 
 
 /** Setup phoenix shell components
@@ -334,7 +334,7 @@ Phoenix.app = {
         if (fullVFSPath.startsWith(Phoenix.VFS.getMountDir())) {
             return fullVFSPath.replace(Phoenix.VFS.getMountDir(), "");
         }
-        return window.Strings.STORED_IN_YOUR_BROWSER;
+        return `${path.basename(fullVFSPath)} - ${window.Strings.STORED_IN_YOUR_BROWSER}`;
     },
     getDisplayPath: function (fullOrRelativeVFSPath) {
         if(!fullOrRelativeVFSPath){

test/spec/LowLevelFileIO-test.js

@@ -110,8 +110,8 @@ define(function (require, exports, module) {
             expect(brackets.app.getDisplayLocation("/mnt/apple")).toBe("apple");
             expect(brackets.app.getDisplayLocation("/mnt/apple/x/")).toBe("apple/x/");
             // filer paths
-            expect(brackets.app.getDisplayLocation("/x/apple")).toBe(Strings.STORED_IN_YOUR_BROWSER);
-            expect(brackets.app.getDisplayLocation("/y/apple/x/")).toBe(Strings.STORED_IN_YOUR_BROWSER);
+            expect(brackets.app.getDisplayLocation("/x/apple")).toBe("apple - "+ Strings.STORED_IN_YOUR_BROWSER);
+            expect(brackets.app.getDisplayLocation("/y/apple/x/")).toBe("x - " + Strings.STORED_IN_YOUR_BROWSER);
         });
 
         it("should getDisplayLocation return correct path in tauri", function () {