increased mobile panel line-height

files/main.css

@@ -93,16 +93,12 @@ h1 a {
 }
 #header #version {
 	border: 1px solid var(--color-blue);
-  color: var(--color-blue);
-  border-radius: .25rem;
-  margin-left: .64rem;
-  font-size: .86rem;
-  line-height: 1rem;
-  font-weight: bold;
-  padding: 2px 4px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
+	color: var(--color-blue);
+	border-radius: 0.25rem;
+	line-height: 1.2rem;
+	padding: 0px 2px;
+	margin-left: 6px;
+	font-size: .9rem;
 }
 
 #panel {
@@ -178,6 +174,10 @@ h1 a {
 		color: var(--secondary-text-color);
 	}
 
+	body.home #panel #sections {
+		display: none;
+	}
+
 #panel #inputWrapper {
 	display: flex;
 	align-items: center;
@@ -287,10 +287,6 @@ h1 a {
 			margin-top: 1.2rem;
 		}
 
-		body.home #panel #sections {
-			display: none;
-		}
-
 .spacer {
 	color: var(--secondary-text-color);
 	margin-left: 2px;
@@ -359,6 +355,8 @@ iframe {
 	transform: scale(1.08);
 }
 
+
+
 @media all and ( min-width: 1500px ) {
 	:root {
 		--panel-width: 360px;
@@ -486,6 +484,7 @@ iframe {
 		transition: .25s transform;
 		overflow-x: hidden;
 		margin-right: -380px;
+		line-height: 2rem;
 	}
 	#panel.open #contentWrapper {
 		transform: translate3d(-380px, 0 ,0);

index.html

@@ -31,8 +31,8 @@
 				<h1><div>three.js</div><a id="version" href="http://github.com/mrdoob/three.js/releases">r104</a></h1>
 
 				<div id="sections">
-					<span class="selected">docs</span>
-					<a href="../examples/">examples</a>
+					<a href="docs/index.html#manual/introduction/Creating-a-scene">docs</a>
+					<a href="examples/#webgl_animation_cloth">examples</a>
 				</div>
 
 				<img id="expandButton" src="files/ic_menu_black_24dp.svg">