From 1e9c61018d59cb264325a5820a7633cc0b13af60 Mon Sep 17 00:00:00 2001
From: Jan Faracik <43062514+janfaracik@users.noreply.github.com>
Date: Fri, 2 Aug 2024 09:27:11 +0100
Subject: [PATCH] Update _reorderable-list.scss

---
 war/src/main/scss/form/_reorderable-list.scss | 48 +++++++++----------
 1 file changed, 23 insertions(+), 25 deletions(-)

diff --git a/war/src/main/scss/form/_reorderable-list.scss b/war/src/main/scss/form/_reorderable-list.scss
index 33c01e191765..b350f21d1d0f 100644
--- a/war/src/main/scss/form/_reorderable-list.scss
+++ b/war/src/main/scss/form/_reorderable-list.scss
@@ -1,30 +1,5 @@
 /* ========================= repeatable elements ========================= */
 
-.repeated-chunk {
-  position: relative;
-  border: var(--card-border-width) solid var(--card-border-color);
-  background: color-mix(in srgb, color-mix(in srgb, var(--white) 10%, var(--background)) 60%, transparent);
-  border-radius: calc(var(--form-input-border-radius) / 2);
-  transition:
-    opacity var(--standard-transition),
-    max-height var(--standard-transition),
-    rotate var(--standard-transition),
-    border-radius var(--standard-transition),
-    box-shadow var(--standard-transition);
-  height: unset !important;
-  margin: 0 0 var(--card-border-width) 0;
-
-  &:first-of-type {
-    border-top-left-radius: var(--form-input-border-radius);
-    border-top-right-radius: var(--form-input-border-radius);
-  }
-
-  &:last-of-type {
-    border-bottom-left-radius: var(--form-input-border-radius);
-    border-bottom-right-radius: var(--form-input-border-radius);
-  }
-}
-
 .repeated-chunk.fade-in,
 .repeated-chunk.fade-out {
   opacity: 0;
@@ -151,6 +126,29 @@ div.to-be-removed {
 }
 
 .repeated-chunk {
+  position: relative;
+  border: var(--card-border-width) solid var(--card-border-color);
+  background: color-mix(in srgb, color-mix(in srgb, var(--white) 10%, var(--background)) 60%, transparent);
+  border-radius: calc(var(--form-input-border-radius) / 2);
+  transition:
+          opacity var(--standard-transition),
+          max-height var(--standard-transition),
+          rotate var(--standard-transition),
+          border-radius var(--standard-transition),
+          box-shadow var(--standard-transition);
+  height: unset !important;
+  margin: 0 0 var(--card-border-width) 0;
+
+  &:first-of-type {
+    border-top-left-radius: var(--form-input-border-radius);
+    border-top-right-radius: var(--form-input-border-radius);
+  }
+
+  &:last-of-type {
+    border-bottom-left-radius: var(--form-input-border-radius);
+    border-bottom-right-radius: var(--form-input-border-radius);
+  }
+
   &__header {
     position: relative;
     display: flex;