F diff --git a/css/style.css b/css/style.css --- a/css/style.css +++ b/css/style.css}- .window > h2 button {+ .window h3 button,+ .window > h2 button+ {border: none;padding: 0.3rem 1rem;background: inherit;border-radius: 0;}- .window > h2 button:not(.pathentry):hover {+ .window h3 button:not(.pathentry):hover {background: white;}- .window > h2 > .separator {+ .window h3 > .separator {flex: 0 0 1px;align-self: stretch;background: #bbb;height: 600px;}+ .window h3,.window > h2 {color: #4d4d4d;background: #f0f0f0;font-weight: normal;padding: 0rem;border-bottom: 1px solid #bbb;+ }++ .window > h2 {font-size: 1.3rem;}+ .window h3 {+ font-size: 1.2rem;+ }.files {padding: 0.3rem;filter: brightness(120%);}-.path {display: flex;align-items: stretch;- font-size: 0.8em;}.path > .separator {F diff --git a/loggedin.js b/loggedin.js --- a/loggedin.js +++ b/loggedin.jsfocus.filecontents.innerText = "Loading...";focus.filecontents.style.display = 'block';- focus.filegrid.style.display = 'none';+ focus.foldercontents.style.display = 'none';xhr.onload = function () {focus.filecontents.innerText = xhr.responseText;};xhr.send(data);- focus.filecontents.style.display = 'none';- focus.filegrid.style.display = 'grid';+ focus.filecontents.style.display = 'none';+ focus.foldercontents.style.display = 'block';}function openfile(is_directory) {e.preventDefault();};- var upload_btn = document.createElement('button');- upload_btn.innerText = "Upload";- upload_btn.onclick = () => { begin_upload(); }- h2.appendChild(upload_btn);-- var separator = document.createElement('div');- separator.classList.add('separator');- h2.appendChild(separator);-- var new_folder_btn = document.createElement('button');- new_folder_btn.innerText = "New Folder";- new_folder_btn.onclick = () => { new_folder(); }- h2.appendChild(new_folder_btn);-- separator = document.createElement('div');- separator.classList.add('separator');- h2.appendChild(separator);path = document.createElement('div');path.classList.add('path');wnd.visuals = wnd_html;- var filegrid = document.createElement('div');- filegrid.classList.add('files');- wnd_html.appendChild(filegrid);- wnd.filegrid = filegrid;+ {+ wnd.foldercontents = document.createElement('div');+ wnd_html.appendChild(wnd.foldercontents);++ var h3 = document.createElement('h3');+ wnd.foldercontents.appendChild(h3);++ var upload_btn = document.createElement('button');+ upload_btn.innerText = "Upload";+ upload_btn.onclick = () => { begin_upload(); }+ h3.appendChild(upload_btn);++ var separator = document.createElement('div');+ separator.classList.add('separator');+ h3.appendChild(separator);- var filecontents = document.createElement('div');- filegrid.classList.add('filecontents');- wnd_html.appendChild(filecontents);- wnd.filecontents = filecontents;+ var new_folder_btn = document.createElement('button');+ new_folder_btn.innerText = "New Folder";+ new_folder_btn.onclick = () => { new_folder(); }+ h3.appendChild(new_folder_btn);++ separator = document.createElement('div');+ separator.classList.add('separator');+ h3.appendChild(separator);++ wnd.filegrid = document.createElement('div');+ wnd.filegrid.classList.add('files');+ wnd.foldercontents.appendChild(wnd.filegrid);+ }++ {+ wnd.filecontents = document.createElement('div');+ wnd.filecontents.classList.add('filecontents');+ wnd_html.appendChild(wnd.filecontents);+ }document.body.appendChild(wnd_html);return wnd;visuals.appendChild(img);visuals.appendChild(filename);- focus.visuals.getElementsByClassName('files')[0].appendChild(visuals);+ focus.filegrid.appendChild(visuals);}function begin_upload() {