Issue-1190/PR-3148 Removing 100% height from the column containing the button text and leaving it automatic

(cherry picked from commit 3800021ed3)

src/app/item-page/edit-item-page/item-operation/item-operation.component.html

@@ -1,4 +1,4 @@
-<div class="col-12 col-md-3 column-height float-left d-flex action-label">
+<div class="col-12 col-md-3 h-auto float-left d-flex action-label">
       <span class="justify-content-center align-self-center">
         {{'item.edit.tabs.status.buttons.' + operation.operationKey + '.label' | translate}}
       </span>

src/app/item-page/edit-item-page/item-operation/item-operation.component.scss

@@ -1,9 +0,0 @@
-.column-height {
-  height: 100%;
-}
-
-@media screen and (max-width: map-get($grid-breakpoints, sm)) {
-  .column-height {
-    height: auto;
-  }
-}

src/app/item-page/edit-item-page/item-operation/item-operation.component.ts

@@ -11,7 +11,6 @@ import { ItemOperation } from './itemOperation.model';
 
 @Component({
   selector: 'ds-item-operation',
-  styleUrls: ['item-operation.component.scss'],
   templateUrl: './item-operation.component.html',
   imports: [
     TranslateModule,