From 2c335ca779c49ec732ac2f95c5c1a7de7296e247 Mon Sep 17 00:00:00 2001
From: tcchase <tylercchase@gmail.com>
Date: Tue, 9 Apr 2024 15:34:44 -0400
Subject: [PATCH] fix: on demand search squishing

---
 .../scenes-list/scene/scene.component.html             | 10 ++++++----
 .../scenes-list/scene/scene.component.scss             |  3 +++
 .../scenes-list/scenes-list.component.scss             |  3 +++
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/app/components/results-menu/scenes-list/scene/scene.component.html b/src/app/components/results-menu/scenes-list/scene/scene.component.html
index fed0b36c5..e1f6818d2 100644
--- a/src/app/components/results-menu/scenes-list/scene/scene.component.html
+++ b/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 ||
diff --git a/src/app/components/results-menu/scenes-list/scene/scene.component.scss b/src/app/components/results-menu/scenes-list/scene/scene.component.scss
index abd736f4d..04a797c26 100644
--- a/src/app/components/results-menu/scenes-list/scene/scene.component.scss
+++ b/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;
 }
\ No newline at end of file
diff --git a/src/app/components/results-menu/scenes-list/scenes-list.component.scss b/src/app/components/results-menu/scenes-list/scenes-list.component.scss
index 525d628b9..5aa4cdd85 100644
--- a/src/app/components/results-menu/scenes-list/scenes-list.component.scss
+++ b/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 {