save

src/global.scss

@@ -1103,6 +1103,12 @@ ngx-mat-datetime-content{
   }
 }
 
+.add-ellipsis{
+  white-space: nowrap;
+  overflow: hidden !important;
+  text-overflow: ellipsis !important;
+}
+
 .menuButton{
   font-size: 14px;
   width: 100%;
@@ -1119,22 +1125,29 @@ ngx-mat-datetime-content{
   background-color: #42b9fe13;
   padding: 1px;
   .file{
+    width: 100%;
+    align-items: center;
+    overflow: auto;
+    color: #000;
+
     ion-thumbnail{
       --size: 20px;
     }
     .file-details{
-      max-width: calc(100% - 20px);
+      max-width: 100%;
       padding-left: 5px;
 
+      /* .file-title{
+        padding-left: 5px;
+      } */
+
       .file-title:hover{
         color: #0782c9;
         text-decoration: underline;
       }
 
       span{
-        white-space: nowrap;
+        padding-right: 5px;
-        overflow: hidden !important;
-        text-overflow: ellipsis !important;
       }
     }
   }