Refactoring HTML and CSS Code

Author: Olucas7

src/app/modules/reports/components/time-entries-table/time-entries-table.component.html

@@ -45,7 +45,7 @@
           </ng-container>
         </td>
         <td class="col lg-col-scroll">{{ entry.description }}</td>
-        <td class="col lg-col">
+        <td class="col lg-col-scroll tech-style">
           <ng-container *ngIf="entry.technologies.length > 0">
             <div *ngFor="let technology of entry.technologies" class="badge bg-secondary text-wrap">
               {{ technology }}
@@ -55,4 +55,4 @@
       </tr>
     </tbody>
   </table>
-</div>
+</div>

src/app/modules/reports/components/time-entries-table/time-entries-table.component.scss

@@ -8,8 +8,9 @@
 }
 
 .col-height {
-  min-height: 80px;
-  max-height: 150px;
+  min-height: auto;
+  max-height: 7rem;
+  // height: auto;
 }
 
 .x-sm-col {
@@ -44,6 +45,10 @@
   overflow-y: auto;
 }
 
+.tech-style{
+  width: 12em;
+}
+
 .lg-col-scroll::-webkit-scrollbar {
   width: 0.5em;
 }
@@ -128,4 +133,4 @@ table.dataTable thead .sorting_desc {
   text-transform: capitalize;
   font-style: italic;
   cursor: pointer;
-}
+}