responsive pass for page edit ui

there were a couple of glaring issues with the responsiveness of the new
page ui layout, so some of the bigger ones have been addressed

there's was also a bug where the sub-menu options weren't getting picked
up when being assigned in the script. fixed

public/assets/css/dash/page-editor.css

@@ -224,7 +224,7 @@ main > div.text-editor-control {
   grid-template-columns: repeat(8, 1fr);
   position: absolute;
   z-index: 400;
-  left: 35px;
+  left: 10px;
   top: 105px;
   transition: all 0.2s linear;
 }
@@ -309,6 +309,21 @@ main section.text-editor div.edit-post-wrapper pre code {
 }
 
 @media only screen and (max-width: 480px) {
+  section.meta {
+    grid-template-columns: 100%;
+    top: 390px;
+  }
+
+  button#files-upload {
+    width: 85%;
+    font-size: 0.95em;
+  }
+
+  main > section > div.file-manager > div.page-images-list > div,
+  main > section > div.file-manager > div.page-files-list > div {
+    height: 110px;
+  }
+
   main > div.file-manager > div.page-images-list,
   main > div.file-manager > div.page-files-list {
     grid-template-columns: 1fr 1fr 1fr;
@@ -352,6 +367,11 @@ main section.text-editor div.edit-post-wrapper pre code {
     font-size: 0.8em;
   }
 
+  main > section.text-editor .page-title #post-title-text {
+    font-size: 1.2em;
+    height: 40px;
+  }
+
   .control-freeze {
     width: 96%;
   }

public/assets/scripts/dash/app/controllers/PageEditor.js

@@ -133,21 +133,25 @@ export default class PostEditor {
 				);
 			}
 		}
-		let metabtn = document.getElementById('meta-info-toggle');
+		let metabtn = document.getElementById('');
+
+		let metas = document.querySelectorAll('#meta-info-toggle');
 		let meta = document.querySelector('.meta');
-		metabtn.addEventListener('click', e => {
+		for (var i = 0, length = metas.length; i < length; i++) {
-			let metaO = window.getComputedStyle(meta).getPropertyValue('opacity');
+			metas[i].addEventListener('click', e => {
-			if (metaO == 0) {
+				console.log('CLICK');
-				meta.classList.remove('hide-el');
+				let metaO = window.getComputedStyle(meta).getPropertyValue('opacity');
-				meta.classList.add('show-grid');
+				if (metaO == 0) {
-			} else {
+					meta.classList.remove('hide-el');
-				meta.classList.add('hide-el');
+					meta.classList.add('show-grid');
-				meta.classList.remove('show-grid');
+				} else {
-			}
+					meta.classList.add('hide-el');
-		});
+					meta.classList.remove('show-grid');
+				}
+			});
+		}
 
 		document.getElementById('files-upload').addEventListener('click', e => {
-			console.log('TOUCHED');
 			document.getElementById('page-files-upload').click();
 		});
 	}

resources/views/includes/nav.blade.php

@@ -45,6 +45,10 @@
         @case("Start") 
         @include('includes.submenu-start') 
         @break
+
+        @case("Edit Page") 
+        @include('includes.submenu-edit-page') 
+        @break
     @endswitch
     <a id="settings" class="main-nav-secondary-highlight" href="/dashboard/settings" title="settings">
         <svg id="nav-settings-icon" class="icon">