From 5da75a34a0fe1dfbc8f276dceb95d41601d4d391 Mon Sep 17 00:00:00 2001
From: milanmajchrak <milan.majchrak@dataquest.sk>
Date: Fri, 11 Oct 2024 15:23:05 +0200
Subject: [PATCH 1/3] Removed flex class and used width style instead of col

---
 .../clarin-license-table.component.html       | 37 ++++++++++---------
 1 file changed, 19 insertions(+), 18 deletions(-)

diff --git a/src/app/clarin-licenses/clarin-license-table/clarin-license-table.component.html b/src/app/clarin-licenses/clarin-license-table/clarin-license-table.component.html
index 5515637a564..922c12bc794 100644
--- a/src/app/clarin-licenses/clarin-license-table/clarin-license-table.component.html
+++ b/src/app/clarin-licenses/clarin-license-table/clarin-license-table.component.html
@@ -22,32 +22,33 @@
                      [retainScrollPosition]="true">
         <table class="table table-striped table-bordered align-middle my-2">
           <thead>
-          <tr class="col-12">
-            <th class="col-1" style="width: 3.5%; flex: 0 0 3.5%;max-width: 3.5%;"></th>
-            <th class="col-3">{{"clarin-license.table.name" | translate}}</th>
-            <th class="col-2">{{"clarin-license.table.definition" | translate}}</th>
+          <tr>
+            <th style="width: 3.5%; max-width: 3.5%;"></th>
+            <th style="width: 25%;">{{"clarin-license.table.name" | translate}}</th>
+            <th style="width: 20%;">{{"clarin-license.table.definition" | translate}}</th>
             <th>{{"clarin-license.table.confirmation" | translate}}</th>
-            <th>{{"clarin-license.table.required-user-info" | translate}}</th>
+            <th style="width: 12.5%;">{{"clarin-license.table.required-user-info" | translate}}</th>
             <th>{{"clarin-license.table.label" | translate}}</th>
-            <th >{{"clarin-license.table.extended-labels" | translate}}</th>
-            <th >{{"clarin-license.table.bitstreams" | translate}}</th>
+            <th>{{"clarin-license.table.extended-labels" | translate}}</th>
+            <th>{{"clarin-license.table.bitstreams" | translate}}</th>
           </tr>
           </thead>
           <tbody>
-          <tr *ngFor="let cLicense of cLicenses?.page" [id]="'clarin-license-row-' + cLicense.id" class="col-12">
-            <td class="col-1" style="width: 3.5%; flex: 0 0 3.5%;max-width: 3.5%;">
+          <tr *ngFor="let cLicense of cLicenses?.page" [id]="'clarin-license-row-' + cLicense.id">
+            <td class="ml-0" style="width: 3.5%; max-width: 3.5%;">
               <input class="collection-checkbox"
-                       [ngModel]="selectedLicense?.id === cLicense.id"
-                       (change)="switchSelectedLicense(cLicense)"
-                       type="checkbox"
-                       name="{{cLicense.id}}"></td>
-            <td class="col-3">{{cLicense?.name}}</td>
-            <td class="col-2">{{cLicense?.definition}}</td>
+                     [ngModel]="selectedLicense?.id === cLicense.id"
+                     (change)="switchSelectedLicense(cLicense)"
+                     type="checkbox"
+                     name="{{cLicense.id}}">
+            </td>
+            <td style="width: 25%;">{{cLicense?.name}}</td>
+            <td style="width: 20%;">{{cLicense?.definition}}</td>
             <td>{{cLicense?.confirmation}}</td>
-            <td>{{cLicense?.requiredInfo | dsCLicenseRequiredInfo}}</td>
+            <td style="width: 12.5%;">{{cLicense?.requiredInfo | dsCLicenseRequiredInfo}}</td>
             <td>{{cLicense?.clarinLicenseLabel?.label}}</td>
-            <td >{{cLicense?.extendedClarinLicenseLabels | dsExtendedCLicense}}</td>
-            <td >{{cLicense?.bitstreams}}</td>
+            <td>{{cLicense?.extendedClarinLicenseLabels | dsExtendedCLicense}}</td>
+            <td>{{cLicense?.bitstreams}}</td>
           </tr>
           </tbody>
         </table>

From af3b1bb4da7da8a04c1d500f5d51b7497eccf9d2 Mon Sep 17 00:00:00 2001
From: milanmajchrak <milan.majchrak@dataquest.sk>
Date: Fri, 11 Oct 2024 15:25:37 +0200
Subject: [PATCH 2/3] Removed unsued class

---
 .../clarin-license-table/clarin-license-table.component.html    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/clarin-licenses/clarin-license-table/clarin-license-table.component.html b/src/app/clarin-licenses/clarin-license-table/clarin-license-table.component.html
index 922c12bc794..fa1eeb1bb39 100644
--- a/src/app/clarin-licenses/clarin-license-table/clarin-license-table.component.html
+++ b/src/app/clarin-licenses/clarin-license-table/clarin-license-table.component.html
@@ -35,7 +35,7 @@
           </thead>
           <tbody>
           <tr *ngFor="let cLicense of cLicenses?.page" [id]="'clarin-license-row-' + cLicense.id">
-            <td class="ml-0" style="width: 3.5%; max-width: 3.5%;">
+            <td  style="width: 3.5%; max-width: 3.5%;">
               <input class="collection-checkbox"
                      [ngModel]="selectedLicense?.id === cLicense.id"
                      (change)="switchSelectedLicense(cLicense)"

From a11b07544cb4ea361c177f6b1b1859b01ef2cec3 Mon Sep 17 00:00:00 2001
From: milanmajchrak <milan.majchrak@dataquest.sk>
Date: Wed, 16 Oct 2024 17:25:00 +0200
Subject: [PATCH 3/3] Changed style in the html into classes

---
 .../clarin-license-table.component.html          | 16 ++++++++--------
 .../clarin-license-table.component.scss          | 13 +++++++++++++
 2 files changed, 21 insertions(+), 8 deletions(-)

diff --git a/src/app/clarin-licenses/clarin-license-table/clarin-license-table.component.html b/src/app/clarin-licenses/clarin-license-table/clarin-license-table.component.html
index fa1eeb1bb39..678427e9865 100644
--- a/src/app/clarin-licenses/clarin-license-table/clarin-license-table.component.html
+++ b/src/app/clarin-licenses/clarin-license-table/clarin-license-table.component.html
@@ -23,11 +23,11 @@
         <table class="table table-striped table-bordered align-middle my-2">
           <thead>
           <tr>
-            <th style="width: 3.5%; max-width: 3.5%;"></th>
-            <th style="width: 25%;">{{"clarin-license.table.name" | translate}}</th>
-            <th style="width: 20%;">{{"clarin-license.table.definition" | translate}}</th>
+            <th class="wm-3p5"></th>
+            <th class="w-25">{{"clarin-license.table.name" | translate}}</th>
+            <th class="w-20">{{"clarin-license.table.definition" | translate}}</th>
             <th>{{"clarin-license.table.confirmation" | translate}}</th>
-            <th style="width: 12.5%;">{{"clarin-license.table.required-user-info" | translate}}</th>
+            <th class="w-12">{{"clarin-license.table.required-user-info" | translate}}</th>
             <th>{{"clarin-license.table.label" | translate}}</th>
             <th>{{"clarin-license.table.extended-labels" | translate}}</th>
             <th>{{"clarin-license.table.bitstreams" | translate}}</th>
@@ -35,17 +35,17 @@
           </thead>
           <tbody>
           <tr *ngFor="let cLicense of cLicenses?.page" [id]="'clarin-license-row-' + cLicense.id">
-            <td  style="width: 3.5%; max-width: 3.5%;">
+            <td class="wm-3p5">
               <input class="collection-checkbox"
                      [ngModel]="selectedLicense?.id === cLicense.id"
                      (change)="switchSelectedLicense(cLicense)"
                      type="checkbox"
                      name="{{cLicense.id}}">
             </td>
-            <td style="width: 25%;">{{cLicense?.name}}</td>
-            <td style="width: 20%;">{{cLicense?.definition}}</td>
+            <td class="w-25">{{cLicense?.name}}</td>
+            <td class="w-20">{{cLicense?.definition}}</td>
             <td>{{cLicense?.confirmation}}</td>
-            <td style="width: 12.5%;">{{cLicense?.requiredInfo | dsCLicenseRequiredInfo}}</td>
+            <td class="w-12">{{cLicense?.requiredInfo | dsCLicenseRequiredInfo}}</td>
             <td>{{cLicense?.clarinLicenseLabel?.label}}</td>
             <td>{{cLicense?.extendedClarinLicenseLabels | dsExtendedCLicense}}</td>
             <td>{{cLicense?.bitstreams}}</td>
diff --git a/src/app/clarin-licenses/clarin-license-table/clarin-license-table.component.scss b/src/app/clarin-licenses/clarin-license-table/clarin-license-table.component.scss
index 540382722e3..b4dab6de9bf 100644
--- a/src/app/clarin-licenses/clarin-license-table/clarin-license-table.component.scss
+++ b/src/app/clarin-licenses/clarin-license-table/clarin-license-table.component.scss
@@ -2,3 +2,16 @@
   table-layout: fixed;
   word-wrap: break-word;
 }
+
+.w-20 {
+  width: 20%;
+}
+
+.w-12 {
+  width: 12%;
+}
+
+.wm-3p5 {
+  width: 3.5%;
+  max-width: 3.5%;
+}