Merged headers

index.html

@@ -30,13 +30,18 @@
         <button type="button" onclick="clearSearch()" title="Clears search..." >Clear Search</button>
         <button onclick="getFavesList(); tgglElmView('favesList')">Faves List &#8597;</button>
         <button type="button" onclick="lockFolders()" title="Lock unlocked folders..." >Lock Unlocked Folders</button>
-    </h2>
 
-    <h2 id="fullPathHeader">
+        <br/>
+
         <button type="button" id="faves" onclick="faveManager(this)" title="Add/Delete from favorites..." >&#9734;</button>
         Path:<span id="path"></span>
     </h2>
 
+    <!-- <h2 id="fullPathHeader">
+        <button type="button" id="faves" onclick="faveManager(this)" title="Add/Delete from favorites..." >&#9734;</button>
+        Path:<span id="path"></span>
+    </h2> -->
+
     <div id="popOutControls" style="display:none;">
         <center>
             <form>

resources/css/main.css

@@ -26,7 +26,7 @@
     z-index: -999;
 }
 
-#controls, #fullPathHeader, #dynUl,
+#controls, #dynUl,
 .errorStyling, .dirStyle, .movieStyle, .fileStyle {
     display: block;
     width: 100%;
@@ -61,19 +61,16 @@
     padding-right: 1em;
 }
 
-#fullPathHeader,
 #controls {
     display: block;
     position: fixed;
     z-index: 999;
+    top: 0em;
 }
 
-#controls { top: 0em; }
-#fullPathHeader { top: 2em; }
-
 #dynUl {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(15em, auto));
+    grid-template-columns: repeat(auto-fit, minmax(18em, 1fr));
     grid-column-gap: 1em;
     grid-row-gap: 1em;
     margin: 5em auto;

resources/js/jsonParser.js

@@ -104,7 +104,6 @@ const updateHTMLDirList = async (data) => {
                              !thumbnail.includes("favicon.png")) {
             const clone  = imgClone.cloneNode(true);
             let imgTag   = clone.firstElementChild;
-            console.log(imgTag);
             imgTag.src   = dirPath + '/' + thumbnail;
             imgTag.alt   = thumbnail;
             insertArea.appendChild(clone);