docs: fix navigation panel responsivity

docs/index.css

@@ -167,7 +167,7 @@ iframe {
 		position: absolute;
 		left: 0;
 		top: 0;
-		height: 480px;
+		height: 100%;
 		width: 100%;
 		right: 0;
 		z-index: 100;
@@ -175,6 +175,17 @@ iframe {
 		border-bottom: 1px solid #dedede;
 	}
 
+	#content{
+		position: absolute;
+		left: 0;
+		top: 90px;
+		right: 0;
+		bottom: 0;
+		font-size: 17px;
+		line-height: 22px;
+		overflow: auto;
+	}
+
 	#navigation{
 		position: absolute;
 		left: 0;

docs/index.html

@@ -22,6 +22,7 @@
 				<input type="text" id="filterInput" placeholder="Type to filter">
 				<a href="#" id="clearFilterButton">x</a>
 			</div>
+			<div id="content"></div>
 
 		</div>
 
@@ -32,6 +33,7 @@
 		<script>
 
 			var panel = document.getElementById( 'panel' );
+			var content = document.getElementById( 'content' );
 			var clearFilterButton = document.getElementById( 'clearFilterButton' );
 			var expandButton = document.getElementById( 'expandButton' );
 			var filterInput = document.getElementById( 'filterInput' );
@@ -98,7 +100,7 @@
 
 				// Create the navigation panel using data from list.js
 
-				var navigation = createAndAppendDOMElement( { type: 'div', parent: panel } );
+				var navigation = createAndAppendDOMElement( { type: 'div', parent: content } );
 
 				for ( var section in list ) {