Various style fixes

src/app/components/results-menu/scenes-list/scene/scene.component.html

@@ -21,7 +21,9 @@
 
   <div [ngClass]="{
     'baseline-flex': searchType === SearchTypes.BASELINE && breakpoint > breakpoints.SMALL,
-    'div-flex': searchType !== SearchTypes.BASELINE || breakpoint <= breakpoints.SMALL }">
+    'div-flex': searchType !== SearchTypes.BASELINE || breakpoint <= breakpoints.SMALL }"
+    class="detail-bar"
+    >
     <div class="div-flex-column">
       <div class="div-flex"
            [title]="scene.metadata.fileName || scene.name"
@@ -48,7 +50,7 @@
       </div>
     </div>
 
-    <div class="div-flex date-time" matLine>
+    <div class="date-time" matLine>
       <ng-container *ngIf="scene.metadata.job">
         {{ scene.metadata.job.job_type }}
         <br *ngIf="breakpoint === breakpoints.MOBILE && searchType === SearchTypes.CUSTOM_PRODUCTS"> -
@@ -62,13 +64,13 @@
             {{ scene.metadata.opera.validityStartDate | fullDate }}
         </ng-container>
 
-        <ng-container *ngIf="
+        <span *ngIf="
           breakpoint > breakpoints.MOBILE &&
           searchType !== SearchTypes.BASELINE &&
           !scene.metadata?.opera?.validityStartDate"
           matTooltip="{{'SCENE_START_TIME' | translate}}">
             {{ scene.metadata.date | fullDate }}
-        </ng-container>
+      </span>
 
         <ng-container *ngIf="
           breakpoint === breakpoints.MOBILE ||

src/app/components/results-menu/scenes-list/scene/scene.component.scss

@@ -15,4 +15,7 @@
 }
 .div-flex {
   line-height: initial;
+}
+.detail-bar {
+  min-width: 0;
 }

src/app/components/results-menu/scenes-list/scenes-list.component.scss

@@ -64,6 +64,9 @@
 
 .date-time {
   font-size: 14px !important;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .mobile-size .mat-mdc-list-base .mat-mdc-list-item {

src/app/components/shared/aoi-options/aoi-options.component.scss

@@ -30,7 +30,7 @@
 .aoi-text-container {
   display: flex;
   flex-direction: column;
-  justify-content: space-around;
+  justify-content: center;
   align-items: stretch;
   width: 60%;
   margin-top: 15px;

src/app/components/shared/aoi-options/file-upload/file-upload-dialog/file-upload-dialog.component.scss

@@ -128,6 +128,8 @@
 }
 
 .file-upload-target--layout {
+  margin-top: -10px;
+  transform: scale(.95, .95);
   place-content: center;
   align-items: stretch;
   flex-direction: row;

src/app/services/map/map.service.ts

@@ -649,7 +649,7 @@ export class MapService {
         // Return trimmed canvas
         copy.canvas.toBlob((blob) => {
           resolve(blob)
-        }, 'image/jpeg')
+        }, 'image/png')
       }
     })
 

src/assets/i18n/en.json

@@ -281,6 +281,7 @@
   "FILE_COPY": "file_copy",
   "FILE_I_DS_NAMES_CAN_BE_COPIED": "File IDs (names) can be copied",
   "FILE_IDS": "File IDs.",
+  "FILE_IMPORT_SUPPORTED": "File Import Supported",
   "FILE_IMPORT_SUPPORTED ": "File Import Supported",
   "FILE_LIST_SEARCH": "File List Search",
   "FILE_OPTION": "file option.",
@@ -477,6 +478,7 @@
   "NEW_DATE_GET_TIME_EVENT_GTM_JS_VAR_F_D_GET_ELEMENTS_BY_TAG_NAME_S": "new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],",
   "NEW_END_DATE": "New End Date",
   "NEXT": "Next",
+  "NISAR_DESC ": "NISAR provides L- and S-band SAR data to measure Earth's changing ecosystems, dynamic surfaces, and ice masses with 12-day regularity on ascending and descending passes.",
   "NO OVERLAP THRESHOLD": "No Overlap Threshold",
   "NO_BEAM_MODES_TO_SELECT": "No beam modes to select",
   "NO_CREDITS_LEFT_THIS_MONTH": "No credits left this month",

src/assets/i18n/es.json

@@ -3,7 +3,7 @@
   "20 METERS": "20 metros",
   "30 METERS": "30 metros",
   "50% OVERLAP THRESHOLD": "Umbral de Superposición del 50 %",
-  "A_LIST_OF_SCENE_NAMES_AND_ACQUISITION_TIMES_THAT_WERE_RETURNED_FROM_A_SEARCH_ARE_DISPLAYED_IN_THE": "Una lista de nombres de escenas y tiempos de adquisición que se devolvieron de una búsqueda se muestran en la",
+  "A_LIST_OF_SCENE_NAMES_AND_ACQUISITION_TIMES_THAT_WERE_RETURNED_FROM_A_SEARCH_ARE_DISPLAYED_IN_THE": "Una lista de nombres de escenas y tiempos de adquisición que se retornaron de una búsqueda se muestran en la",
   "A_LIST_TYPE_OF_SCENE_ALLOWS_SEARCHING_FOR_SPECIFIC_SCENE_NAMES_GRANULE_NAMES_AND_THE_RESULTS_WILL_INCLUDE_ANY_FILES_THAT_ARE_PART_OF_THOSE_SCENES": "Un tipo de lista de 'Escena' permite buscar nombres de escena específicos (nombres de gránulos), y los resultados incluirán cualquier archivo que forme parte de esas escenas.",
   "A_SINGLE_PATH_OR_FRAME_OR_A_RANGE_DUE_TO_INCONSISTENT_SENTINEL_1_FRAMING_WE_RECOMMEND": "una sola ruta o marco, o un rango. ",
   "A_SUBSET_OF_THE_PROCESSING_TYPES_AND_ENTERING_A_PROJECT_NAME_YOU_CAN_ASSOCIATE_DIFFERENT_PROJECT_NAMES_TO": "un subconjunto de los tipos de procesamiento e ingresando un nombre de proyecto, puede asociar diferentes nombres de proyecto a",
@@ -284,7 +284,8 @@
   "FILE_COPY": "Copia de Archivo",
   "FILE_I_DS_NAMES_CAN_BE_COPIED": "Los ID de archivo (nombres) se pueden copiar",
   "FILE_IDS": "ID de archivo.",
-  "FILE_IMPORT_SUPPORTED": "Importación de Archivo Soportada",
+  "FILE_IMPORT_SUPPORTED": "Importación de Archivo Admitida",
+  "FILE_IMPORT_SUPPORTED ": "Importación de Archivo Admitida",
   "FILE_LIST_SEARCH": "Búsqueda en la Lista de Archivos",
   "FILE_OPTION": "opción de archivo.",
   "FILE_THE": "archivo. El",
@@ -481,6 +482,7 @@
   "NEW_DATE_GET_TIME_EVENT_GTM_JS_VAR_F_D_GET_ELEMENTS_BY_TAG_NAME_S": "nueva Fecha().getTime(),evento:'gtm.js'});var f=d.getElementsByTagName(s)[0],",
   "NEW_END_DATE": "Nueva fecha de finalización",
   "NEXT": "Próximo",
+  "NISAR_DESC ": "NISAR proporciona datos SAR de banda L y S para medir los ecosistemas cambiantes, las superficies dinámicas y las masas de hielo de la Tierra con una regularidad de 12 días en pasadas ascendentes y descendentes.",
   "NO OVERLAP THRESHOLD": "Sin Umbral de Superposición",
   "NO_BEAM_MODES_TO_SELECT": "No hay modos de haz para seleccionar",
   "NO_CREDITS_LEFT_THIS_MONTH": "no quedan créditos este mes",

src/styles.scss

@@ -827,4 +827,8 @@ $d-height: 550px;
   max-width: 340px !important;
 }
 
- .cdk-overlay-pane:has(.mat-mdc-select-panel) { min-width: fit-content; }
+.cdk-overlay-pane:has(.mat-mdc-select-panel) { min-width: fit-content; }
+
+.breadcrumb-list .mat-mdc-form-field {
+  margin-top: -2px;
+}