wip

client/src/ui/DependsDotView.ts

@@ -198,7 +198,7 @@ class DependsDotViewProvider implements vscode.WebviewViewProvider {
 	private openRecipe(recipeName: string) {
 		recipeName = recipeName.replace(/\r/g, '');
 		let recipeFound = false;
-		this.bitbakeProjectScanner.scanResult._recipes.forEach((recipe: ElementInfo) => {
+		this.bitbakeProjectScanner.activeScanResult._recipes.forEach((recipe: ElementInfo) => {
 			// TODO fix resolving -native recipes (put that logic in a utility function) (could be shared with BitbakeRecipesView.getChildren)
 			// TODO fix resolving some packages like xz or busybox (only when in the bottom row?)
 			if (recipe.name === recipeName) {

client/web/depends-dot/main.css

@@ -9,3 +9,9 @@ body {
 	background: var(--vscode-list-hoverBackground);
 	cursor: pointer;
 }
+
+.inputHorizontal {
+    display: flex;
+    flex-direction: row; /* Arrange items horizontally */
+    padding: 0;
+}

client/web/depends-dot/main.html

@@ -41,10 +41,14 @@ <h3>Select an image <b>Recipe</b> to analyze:</h3>
 
 				<div>
 					<h3>You want to know:</h3>
-					<ul id="depType">
-						<li><input type="radio" name="dependencyType" value="why" checked><h3><b>Why</b> a package is included</h3></li>
-						<li><input type="radio" name="dependencyType" value="depends"><h3>What it <b>Depends</b> on</h3></li>
-					</ul>
+					<div class="inputHorizontal"></div>
+						<input type="radio" id="why" name="dependencyType" value="why" checked>
+						<label for="why"><h3><b>Why</b> a package is included</h3></label>
+					</div>
+					<div class="horizontal">
+						<input type="radio" id="depends" name="dependencyType" value="depends">
+						<label for="depends"><h3>What it <b>Depends</b> on</h3></label>
+					</div>
 				</div>
 
 				<div>
@@ -57,9 +61,10 @@ <h3>Select which <b>Package</b> you want to examine:</h3>
 				</div>
 
 				<div>
+					<hr>
 					<h3>Results:</h3>
-				</div>
-				<div id="results">
+					<div id="results">
+					</div>
 				</div>
 
 				<script nonce="<%= nonce %>" src="<%= scriptUri %>"></script>

client/web/depends-dot/reset.css

@@ -19,6 +19,8 @@ h5,
 h6,
 p,
 ol,
+input,
+label,
 ul {
 	margin: 0;
 	padding: 0;