Andy/radio button toggle

src/app/components/results-menu/scene-files/scene-file/scene-file.component.html

@@ -1,40 +1,4 @@
 <mat-list-item (mouseenter)="isHovered = true" (mouseleave)="isHovered = false">
-  @if (false) {
-    <ng-container matListItemIcon>
-      @if (!isUnzipLoading && !isOpen) {
-        <mat-icon
-          (click)="onLoadUnzippedProduct()"
-          [matTooltip]="unzipTooltip(isUserLoggedIn, hasAccessToRestrictedData)"
-          [class.clickable]="
-            !isUnzipDisabled(isUserLoggedIn, hasAccessToRestrictedData)
-          "
-          [class.fainter-text]="
-            isUnzipDisabled(isUserLoggedIn, hasAccessToRestrictedData)
-          "
-          [class.disabled-cursor]="
-            isUnzipDisabled(isUserLoggedIn, hasAccessToRestrictedData)
-          "
-        >
-          keyboard_arrow_right
-        </mat-icon>
-      }
-      @if (isOpen) {
-        <mat-icon
-          (click)="onCloseProduct()"
-          matTooltip="Close contents"
-          class="clickable"
-        >
-          keyboard_arrow_down
-        </mat-icon>
-      }
-      @if (isUnzipLoading) {
-        <div>
-          <fa-icon icon="spinner" [pulse]="true"></fa-icon>
-        </div>
-      }
-    </ng-container>
-  }
-
   <ng-container matListItemIcon>
     <mat-icon mat-icon-button disabled></mat-icon>
   </ng-container>
@@ -88,7 +52,6 @@
           prompt="{{ 'COPY_FILE_ID' | translate }}"
         >
         </app-copy-to-clipboard>
-        <span></span>
         <app-copy-to-clipboard
           prompt="copy S3 URL"
           class="clipboard-icon"
@@ -147,18 +110,22 @@
 
   @if (product.metadata.job) {
     <ng-container>
-      @if (product.metadata.job.name) {
-        <div matListItemLine>
-          <b>{{ 'PROJECT_NAME' | translate }}:</b>
+      <div class="job-metadata-first" matListItemLine>
+        <b>{{ 'PROJECT_NAME' | translate }}:</b>
+        @if (product.metadata.job.name) {
           {{ product.metadata.job.name }}
-          <button
-            mat-icon-button
-            (click)="onEditProjectName(product.metadata.job.name)"
-          >
-            <mat-icon>edit</mat-icon>
-          </button>
-        </div>
-      }
+        } @else {
+          &nbsp;<span class="unnamed-project">{{
+            'PROJECT_NAME_UNNAMED' | translate
+          }}</span>
+        }
+        <button
+          mat-icon-button
+          (click)="onEditProjectName(product.metadata.job.name || '')"
+        >
+          <mat-icon>edit</mat-icon>
+        </button>
+      </div>
 
       <div matListItemLine>
         <b>{{ 'JOB_SUBMITTED' | translate }}:</b>
@@ -185,8 +152,8 @@
     </ng-container>
   }
 
-  @for (param of paramsList; track param) {
-    <div matListItemLine>
+  @for (param of paramsList; track param; let first = $first) {
+    <div [class.params-first]="first" matListItemLine>
       <b>{{ param.name }}:</b> {{ param.val }}
     </div>
   }
@@ -215,12 +182,13 @@
   }
 
   @if ((searchType$ | async) === searchTypes.CUSTOM_PRODUCTS) {
-    <ng-container style="margin-right: 10px" matListItemMeta>
+    <ng-container matListItemMeta>
       @if (isExpired(product.metadata.job)) {
         <button
           [matMenuTriggerFor]="expiredJobs"
           mat-icon-button
           matListItemMeta
+          style="margin-right: 10px"
         >
           <mat-icon
             class="hype-icon-button clickable"

src/app/components/results-menu/scene-files/scene-file/scene-file.component.scss

@@ -2,9 +2,10 @@
 
 .icon-margin {
   margin-left: 5px;
+
   span {
     margin: 0 5px;
-}
+  }
 }
 
 .disabled-cursor {
@@ -34,3 +35,16 @@
     color: themed('light-black');
   }
 }
+
+.unnamed-project {
+  font-style: italic;
+  opacity: 0.7;
+}
+
+.job-metadata-first {
+  margin-top: -18px;
+}
+
+.params-first {
+  margin-top: -8px;
+}

src/app/components/results-menu/scene-files/scene-file/scene-file.component.ts

@@ -255,8 +255,9 @@ export class SceneFileComponent implements OnInit, OnDestroy {
     return false;
   }
 
-  public prodDownloaded(_product) {
-    // Do nothing
+  // Event handler required by template but no action needed
+  public prodDownloaded(_product: models.CMRProduct): void {
+    // Intentionally empty - event binding required but no action needed
   }
 
   public onSearchProduct() {

src/app/components/results-menu/scene-files/scene-files.component.scss

@@ -4,7 +4,7 @@ $prod-row-height: 58px;
 $thumb-size: 50px;
 
 .products-list {
-  padding-top: 0;
+  padding-top: 8px;
   padding-bottom: 0;
   overflow-y: auto;
 }

src/app/components/shared/selectors/search-type-selector/search-type-selector.component.ts

@@ -242,8 +242,6 @@ export class SearchTypeSelectorComponent implements OnInit, OnDestroy {
     event.stopPropagation();
   }
 
-  public onSearchTypeMenuOpen() {}
-
   ngOnDestroy() {
     this.subs.unsubscribe();
   }

src/app/models/cmr-product.model.ts

@@ -78,7 +78,7 @@ export interface CMRProductMetadata {
   additionalUrls?: string[] | null;
   s3URI?: string;
   s3Urls?: string[] | null;
-  fileSizes?: {} | null;
+  fileSizes?: Record<string, { bytes: number }> | null;
   parentID: string;
 
   // ARIA S1 GUNW