Merge pull request #3511 from ita-social-projects/bugfix/#7581-fix-cols-on-big-table

[Bugfix] #7581 fix cols on big table

Author: hnativlyubomyr

src/app/ubs/ubs-admin/components/ubs-admin-table/ubs-admin-table.component.scss

@@ -46,19 +46,27 @@ mat-header-cell {
   color: var(--ubs-primary-white);
   font-family: var(--primary-font);
   border: 1px solid var(--ubs-primary-light-grey);
-  width: 200px;
   text-align: center;
   font-size: 14px;
   min-height: 39px;
-  min-width: 48px;
   overflow: hidden;
   word-wrap: break-word;
-  white-space: nowrap;
+  white-space: normal;
   overflow-wrap: break-word;
   flex: none;
   display: block;
   line-height: 2.8;
   padding: 0;
+  width: auto;
+
+  .column-title {
+    display: block;
+    word-break: normal;
+    overflow-wrap: break-word;
+    line-height: 25px;
+    width: 100%;
+    padding: 5px 0 3px;
+  }
 }
 
 .cdk-column-select {
@@ -171,6 +179,10 @@ mat-cell {
   padding: 0;
 }
 
+.mat-cell:first-child {
+  min-width: auto;
+}
+
 .primary-color {
   color: var(--primary-green);
 }
@@ -187,17 +199,17 @@ mat-cell:first-of-type {
   padding-left: 0;
 }
 
-.column-title {
-  color: var(--ubs-secondary-light-grey);
-  font-size: 14px;
-  overflow: hidden;
-  text-overflow: ellipsis;
+.mat-header-cell:first-child {
+  min-width: auto;
 }
 
 .icon-row {
   display: flex;
-  align-items: center;
-  margin-left: 5px;
+  justify-content: center;
+  margin-top: 5px;
+  white-space: nowrap;
+  padding-top: 5px;
+  gap: 5px;
 }
 
 .amount-items {
@@ -413,8 +425,6 @@ mat-cell:first-of-type {
 
 /* stylelint-disable-next-line */
 mat-header-cell mat-icon {
-  padding-top: 5px;
-  padding-left: 10px;
   font-size: 12px;
 
   &:hover {

src/app/ubs/ubs-admin/models/non-sortable-columns.model.ts

@@ -10,7 +10,9 @@ export const nonSortableColumns = [
   'commentForOrderByClient',
   'orderCertificateCode',
   'idOrderFromShop',
-  'bagsAmount',
+  'mixedWaste120L',
+  'textileWaste60L',
+  'textileWaste20L',
   'phone_number',
   'recipient_phone',
   'comment_to_address_for_client',