Improving Document Bar UI

Setting up new document bar UI to then set up switching document view modes. Improving layout of component and cleaning up. Added icons and button UI.

1 files changed, 6 insertions, 2 deletions

diff --git a/js/ninja.reel/ninja.html b/js/ninja.reel/ninja.html
index 0eeb468c..17726712 100755
--- a/js/ninja.reel/ninja.html
+++ b/js/ninja.reel/ninja.html
@@ -482,16 +482,20 @@ POSSIBILITY OF SUCH DAMAGE.
                                 <section data-montage-id="stageAndScenesContainer"></section>
                                 <section data-montage-id="pasteboardResizer" class="pasteboardResizer resizeBar"></section>
                             </section>
-                            <section data-montage-id="timelineResizer" class="timelineResizer resizeBar"></section>
+                            
                             <section id="stateBar">
                                 <section id="documentBarContainer">
                                     <div data-montage-id="documentBar" class="documentBar" style="display:block"></div>
                                     <div data-montage-id="editorViewOptions" class="editorViewOptions" style="display:none"></div>
                                 </section>
                             </section>
-    
+                            
+                            <section data-montage-id="timelineResizer" class="timelineResizer resizeBar"></section>
+                            
                             <section data-montage-id="breadCrumbComponent"></section>
+                            
                             <div data-montage-id="timelinePanelComponent" class="timelinePanel"></div>
+                            
                         </section>
                     </section>