Add link to feature request form.

Author: mrdoob

devtools/manifest.json

@@ -1,7 +1,7 @@
 {
 	"manifest_version": 3,
 	"name": "Three.js DevTools",
-	"version": "1.7",
+	"version": "1.8",
 	"description": "Developer tools extension for Three.js",
 	"icons": {
 		"128": "icons/128-light.png"

devtools/panel/panel.css

@@ -21,26 +21,35 @@ hr {
 	overflow: auto;
 }
 
-.info-item {
+.header {
 	padding: 8px 12px;
 	background: light-dark( #f5f5f5, #333 );
 	border-radius: 4px;
 	margin-bottom: 16px;
 	font-family: monospace;
 	color: light-dark( #666, #aaa );
 }
+	.header a {
+		color: light-dark( #666, #aaa );
+		text-decoration: none;
+	}
+	.header a:hover {
+		color: light-dark( #333, #e0e0e0 );
+	}
+
 .section {
 	margin-bottom: 24px;
 }
-.section h3 {
-	margin: 0 0 8px 0;
-	font-size: 11px;
-	text-transform: uppercase;
-	color: light-dark( #666, #aaa );
-	font-weight: 500;
-	border-bottom: 1px solid light-dark( #eee, #444 );
-	padding-bottom: 4px;
-}
+
+	.section h3 {
+		margin: 0 0 8px 0;
+		font-size: 11px;
+		text-transform: uppercase;
+		color: light-dark( #666, #aaa );
+		font-weight: 500;
+		border-bottom: 1px solid light-dark( #eee, #444 );
+		padding-bottom: 4px;
+	}
 
 .tree-item {
 	padding: 4px;

devtools/panel/panel.js

@@ -419,30 +419,24 @@ function updateUI() {
 	const container = document.getElementById( 'scene-tree' );
 	container.innerHTML = '';
 
-	const versionInfo = document.createElement( 'div' );
-	versionInfo.className = 'info-item';
-	versionInfo.style.display = 'flex'; // Use flexbox
-	versionInfo.style.justifyContent = 'space-between'; // Align items left and right
+	const header = document.createElement( 'div' );
+	header.className = 'header';
+	header.style.display = 'flex'; // Use flexbox
+	header.style.justifyContent = 'space-between'; // Align items left and right
 
-	const threeVersionSpan = document.createElement( 'span' );
-
-	// TODO: Why it's not available?
-	if ( state.revision ) {
-
-		threeVersionSpan.textContent = `Three.js r${state.revision}`;
-
-	}
+	const miscSpan = document.createElement( 'span' );
+	miscSpan.innerHTML = `<a href="https://docs.google.com/forms/d/e/1FAIpQLSdw1QcgXNiECYiPx6k0vSQRiRe0FmByrrojV4fgeL5zzXIiCw/viewform?usp=preview" target="_blank">+</a>`;
 
 	const manifest = chrome.runtime.getManifest();
 
 	const manifestVersionSpan = document.createElement( 'span' );
 	manifestVersionSpan.textContent = `${manifest.version}`;
 	manifestVersionSpan.style.opacity = '0.5'; // Make it less prominent
 
-	versionInfo.appendChild( threeVersionSpan );
-	versionInfo.appendChild( manifestVersionSpan );
+	header.appendChild( miscSpan );
+	header.appendChild( manifestVersionSpan );
 
-	container.appendChild( versionInfo );
+	container.appendChild( header );
 
 	// Add renderers section
 	if ( state.renderers.size > 0 ) {