From 5907986c34e86d5745daa24ae6ec2c47937c7a4b Mon Sep 17 00:00:00 2001
From: ismay <ismay@dhis2.org>
Date: Mon, 27 May 2024 10:48:21 +0200
Subject: [PATCH] fix: apply lint fixes

---
 src/components/AuthWall/AuthWall.module.css               | 2 +-
 src/components/FormErrorBox/FormErrorBox.module.css       | 2 +-
 .../Custom/AggregatedDataExchangeField.module.css         | 4 ++--
 src/components/FormFields/QueueOption.module.css          | 2 +-
 src/components/Forms/JobAddForm.module.css                | 4 ++--
 src/components/Forms/JobEditForm.module.css               | 6 +++---
 src/components/Forms/QueueAddForm.module.css              | 4 ++--
 src/components/Forms/QueueEditForm.module.css             | 6 +++---
 src/components/InfoLink/InfoLink.module.css               | 2 +-
 src/components/JobDetails/JobDetails.module.css           | 4 ++--
 src/components/JobTable/ExpandableRow.module.css          | 2 +-
 src/components/LinkButton/LinkButton.module.css           | 4 ++--
 src/components/PageWrapper/PageWrapper.module.css         | 4 ++--
 src/pages/JobAdd/JobAdd.module.css                        | 4 ++--
 src/pages/JobAndQueueList/JobAndQueueList.module.css      | 8 ++++----
 src/pages/JobEdit/JobEdit.module.css                      | 6 +++---
 src/pages/JobView/JobView.module.css                      | 8 ++++----
 src/pages/QueueAdd/QueueAdd.module.css                    | 4 ++--
 src/pages/QueueEdit/QueueEdit.module.css                  | 4 ++--
 19 files changed, 40 insertions(+), 40 deletions(-)

diff --git a/src/components/AuthWall/AuthWall.module.css b/src/components/AuthWall/AuthWall.module.css
index 02cebe900..7216d7707 100644
--- a/src/components/AuthWall/AuthWall.module.css
+++ b/src/components/AuthWall/AuthWall.module.css
@@ -1,4 +1,4 @@
 .noticeBoxWrapper {
-    max-width: 800px;
+    max-inline-size: 800px;
     margin: 0 auto;
 }
diff --git a/src/components/FormErrorBox/FormErrorBox.module.css b/src/components/FormErrorBox/FormErrorBox.module.css
index ac30b3284..512479955 100644
--- a/src/components/FormErrorBox/FormErrorBox.module.css
+++ b/src/components/FormErrorBox/FormErrorBox.module.css
@@ -1,4 +1,4 @@
 .list {
     margin: 0;
-    padding-left: 1em;
+    padding-inline-start: 1em;
 }
diff --git a/src/components/FormFields/Custom/AggregatedDataExchangeField.module.css b/src/components/FormFields/Custom/AggregatedDataExchangeField.module.css
index 5b0c3201b..a95a05a53 100644
--- a/src/components/FormFields/Custom/AggregatedDataExchangeField.module.css
+++ b/src/components/FormFields/Custom/AggregatedDataExchangeField.module.css
@@ -1,6 +1,6 @@
 .field {
-    margin-top: 8px;
-    width: 688px;
+    margin-block-start: 8px;
+    inline-size: 688px;
 }
 
 .selectedEmptyComponent {
diff --git a/src/components/FormFields/QueueOption.module.css b/src/components/FormFields/QueueOption.module.css
index 349276ea7..c6889bcfb 100644
--- a/src/components/FormFields/QueueOption.module.css
+++ b/src/components/FormFields/QueueOption.module.css
@@ -19,7 +19,7 @@
 }
 
 .label {
-    margin-bottom: 4px;
+    margin-block-end: 4px;
 }
 
 .type {
diff --git a/src/components/Forms/JobAddForm.module.css b/src/components/Forms/JobAddForm.module.css
index 3958b2f09..a69708d79 100644
--- a/src/components/Forms/JobAddForm.module.css
+++ b/src/components/Forms/JobAddForm.module.css
@@ -1,8 +1,8 @@
 .formButtonContainer {
     display: flex;
-    margin-top: var(--spacers-dp24);
+    margin-block-start: var(--spacers-dp24);
 }
 
 .saveButton {
-    margin-right: var(--spacers-dp8);
+    margin-inline-end: var(--spacers-dp8);
 }
diff --git a/src/components/Forms/JobEditForm.module.css b/src/components/Forms/JobEditForm.module.css
index 0c3e96702..ddb25ac2f 100644
--- a/src/components/Forms/JobEditForm.module.css
+++ b/src/components/Forms/JobEditForm.module.css
@@ -1,12 +1,12 @@
 .formButtonContainer {
     display: flex;
-    margin-top: var(--spacers-dp24);
+    margin-block-start: var(--spacers-dp24);
 }
 
 .deleteButton {
-    margin-left: auto;
+    margin-inline-start: auto;
 }
 
 .saveButton {
-    margin-right: var(--spacers-dp8);
+    margin-inline-end: var(--spacers-dp8);
 }
diff --git a/src/components/Forms/QueueAddForm.module.css b/src/components/Forms/QueueAddForm.module.css
index 413a676d6..2c268f9fa 100644
--- a/src/components/Forms/QueueAddForm.module.css
+++ b/src/components/Forms/QueueAddForm.module.css
@@ -1,10 +1,10 @@
 .formButtonContainer {
     display: flex;
-    margin-top: var(--spacers-dp24);
+    margin-block-start: var(--spacers-dp24);
 }
 
 .saveButton {
-    margin-right: var(--spacers-dp8);
+    margin-inline-end: var(--spacers-dp8);
 }
 
 .title {
diff --git a/src/components/Forms/QueueEditForm.module.css b/src/components/Forms/QueueEditForm.module.css
index 8fc7a858b..eaf5b7f55 100644
--- a/src/components/Forms/QueueEditForm.module.css
+++ b/src/components/Forms/QueueEditForm.module.css
@@ -1,14 +1,14 @@
 .formButtonContainer {
     display: flex;
-    margin-top: var(--spacers-dp24);
+    margin-block-start: var(--spacers-dp24);
 }
 
 .saveButton {
-    margin-right: var(--spacers-dp8);
+    margin-inline-end: var(--spacers-dp8);
 }
 
 .deleteButton {
-    margin-left: auto;
+    margin-inline-start: auto;
 }
 
 .title {
diff --git a/src/components/InfoLink/InfoLink.module.css b/src/components/InfoLink/InfoLink.module.css
index 47f7328d4..1496df275 100644
--- a/src/components/InfoLink/InfoLink.module.css
+++ b/src/components/InfoLink/InfoLink.module.css
@@ -7,5 +7,5 @@
 }
 
 .icon {
-    margin-right: var(--spacers-dp4);
+    margin-inline-end: var(--spacers-dp4);
 }
diff --git a/src/components/JobDetails/JobDetails.module.css b/src/components/JobDetails/JobDetails.module.css
index 012712c8a..53c221d0b 100644
--- a/src/components/JobDetails/JobDetails.module.css
+++ b/src/components/JobDetails/JobDetails.module.css
@@ -2,7 +2,7 @@
     border-radius: 5px;
     padding: var(--spacers-dp12);
     background: var(--colors-grey200);
-    min-width: 300px;
+    min-inline-size: 300px;
 }
 
 .title {
@@ -18,5 +18,5 @@
 }
 
 .details > * {
-    margin-bottom: var(--spacers-dp8);
+    margin-block-end: var(--spacers-dp8);
 }
diff --git a/src/components/JobTable/ExpandableRow.module.css b/src/components/JobTable/ExpandableRow.module.css
index 3aacd417c..a6e09b6c2 100644
--- a/src/components/JobTable/ExpandableRow.module.css
+++ b/src/components/JobTable/ExpandableRow.module.css
@@ -3,5 +3,5 @@
 }
 
 .indent {
-    padding-left: 32px !important;
+    padding-inline-start: 32px !important;
 }
diff --git a/src/components/LinkButton/LinkButton.module.css b/src/components/LinkButton/LinkButton.module.css
index 6f22937ac..8087923d4 100644
--- a/src/components/LinkButton/LinkButton.module.css
+++ b/src/components/LinkButton/LinkButton.module.css
@@ -8,7 +8,7 @@
     text-decoration: none;
     transition: all 0.15s cubic-bezier(0.4, 0, 0.6, 1);
     color: var(--colors-grey900);
-    height: 36px;
+    block-size: 36px;
     padding: 0 var(--spacers-dp12);
     font-size: 14px;
     line-height: 16px;
@@ -24,7 +24,7 @@
 }
 
 .small {
-    height: 28px;
+    block-size: 28px;
     padding: 0 var(--spacers-dp8);
     font-size: 14px;
     line-height: var(--spacers-dp16);
diff --git a/src/components/PageWrapper/PageWrapper.module.css b/src/components/PageWrapper/PageWrapper.module.css
index 148fba92e..5e4dfe7e9 100644
--- a/src/components/PageWrapper/PageWrapper.module.css
+++ b/src/components/PageWrapper/PageWrapper.module.css
@@ -1,6 +1,6 @@
 .wrapper {
     margin: 0 auto;
     padding: var(--spacers-dp32);
-    max-width: 1200px;
-    min-width: 780px;
+    max-inline-size: 1200px;
+    min-inline-size: 780px;
 }
diff --git a/src/pages/JobAdd/JobAdd.module.css b/src/pages/JobAdd/JobAdd.module.css
index e7f7ef97d..449e1e899 100644
--- a/src/pages/JobAdd/JobAdd.module.css
+++ b/src/pages/JobAdd/JobAdd.module.css
@@ -1,5 +1,5 @@
 .pageHeader {
-    margin-bottom: var(--spacers-dp32);
+    margin-block-end: var(--spacers-dp32);
 }
 
 .pageHeaderTitle {
@@ -16,7 +16,7 @@
 .cardHeader {
     align-items: center;
     display: flex;
-    margin-bottom: var(--spacers-dp16);
+    margin-block-end: var(--spacers-dp16);
 }
 
 .cardHeaderTitle {
diff --git a/src/pages/JobAndQueueList/JobAndQueueList.module.css b/src/pages/JobAndQueueList/JobAndQueueList.module.css
index 4576ac012..ae2c15ac7 100644
--- a/src/pages/JobAndQueueList/JobAndQueueList.module.css
+++ b/src/pages/JobAndQueueList/JobAndQueueList.module.css
@@ -1,7 +1,7 @@
 .header {
     display: flex;
     align-items: center;
-    margin-bottom: var(--spacers-dp12);
+    margin-block-end: var(--spacers-dp12);
 }
 
 .headerTitle {
@@ -19,13 +19,13 @@
 
 .controlRight {
     display: flex;
-    margin-left: auto;
+    margin-inline-start: auto;
 }
 
 .controlRight > * {
-    margin-right: var(--spacers-dp24);
+    margin-inline-end: var(--spacers-dp24);
 }
 
 .controlRight > *:last-child {
-    margin-right: 0;
+    margin-inline-end: 0;
 }
diff --git a/src/pages/JobEdit/JobEdit.module.css b/src/pages/JobEdit/JobEdit.module.css
index 00fa3e439..ca5c0753a 100644
--- a/src/pages/JobEdit/JobEdit.module.css
+++ b/src/pages/JobEdit/JobEdit.module.css
@@ -1,5 +1,5 @@
 .pageHeader {
-    margin-bottom: var(--spacers-dp32);
+    margin-block-end: var(--spacers-dp32);
 }
 
 .pageHeaderTitle {
@@ -16,7 +16,7 @@
 .cardHeader {
     align-items: center;
     display: inline-flex;
-    margin-bottom: var(--spacers-dp16);
+    margin-block-end: var(--spacers-dp16);
 }
 
 .cardHeaderTitle {
@@ -26,5 +26,5 @@
 }
 
 .jobDetails {
-    float: right;
+    float: inline-end;
 }
diff --git a/src/pages/JobView/JobView.module.css b/src/pages/JobView/JobView.module.css
index e9f435769..8d9945644 100644
--- a/src/pages/JobView/JobView.module.css
+++ b/src/pages/JobView/JobView.module.css
@@ -1,9 +1,9 @@
 .pageHeader {
-    margin-bottom: var(--spacers-dp32);
+    margin-block-end: var(--spacers-dp32);
 }
 
 .pageHeaderButton {
-    margin-bottom: var(--spacers-dp16);
+    margin-block-end: var(--spacers-dp16);
 }
 
 .pageHeaderTitle {
@@ -20,7 +20,7 @@
 .cardHeader {
     align-items: center;
     display: inline-flex;
-    margin-bottom: var(--spacers-dp16);
+    margin-block-end: var(--spacers-dp16);
 }
 
 .cardHeaderTitle {
@@ -30,5 +30,5 @@
 }
 
 .jobDetails {
-    float: right;
+    float: inline-end;
 }
diff --git a/src/pages/QueueAdd/QueueAdd.module.css b/src/pages/QueueAdd/QueueAdd.module.css
index e7f7ef97d..449e1e899 100644
--- a/src/pages/QueueAdd/QueueAdd.module.css
+++ b/src/pages/QueueAdd/QueueAdd.module.css
@@ -1,5 +1,5 @@
 .pageHeader {
-    margin-bottom: var(--spacers-dp32);
+    margin-block-end: var(--spacers-dp32);
 }
 
 .pageHeaderTitle {
@@ -16,7 +16,7 @@
 .cardHeader {
     align-items: center;
     display: flex;
-    margin-bottom: var(--spacers-dp16);
+    margin-block-end: var(--spacers-dp16);
 }
 
 .cardHeaderTitle {
diff --git a/src/pages/QueueEdit/QueueEdit.module.css b/src/pages/QueueEdit/QueueEdit.module.css
index e7f7ef97d..449e1e899 100644
--- a/src/pages/QueueEdit/QueueEdit.module.css
+++ b/src/pages/QueueEdit/QueueEdit.module.css
@@ -1,5 +1,5 @@
 .pageHeader {
-    margin-bottom: var(--spacers-dp32);
+    margin-block-end: var(--spacers-dp32);
 }
 
 .pageHeaderTitle {
@@ -16,7 +16,7 @@
 .cardHeader {
     align-items: center;
     display: flex;
-    margin-bottom: var(--spacers-dp16);
+    margin-block-end: var(--spacers-dp16);
 }
 
 .cardHeaderTitle {