💄(frontend) fix layout issue on CourseProductItem

We recently rework form styles and it introduces a layout issue on CourseProductItem.
openfun · Apr 4, 2023 · 384a900 · 384a900
1 parent 55c7a3a
commit 384a900
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -8,6 +8,10 @@ Versioning](https://semver.org/spec/v2.0.0.html).
 
 ## [Unrealeased]
 
+### Fixed
+
+- Layout issue on enrollable course run of CourseProductItem
+
 ## [2.21.0] - 2023-03-21
 
 ### Added

diff --git a/src/frontend/js/widgets/CourseProductItem/components/CourseProductCourseRuns/_styles.scss b/src/frontend/js/widgets/CourseProductItem/components/CourseProductCourseRuns/_styles.scss
@@ -60,8 +60,6 @@
     }
 
     &.form-field {
-      padding-left: 1.5rem;
-
       .form-field__radio-control {
         position: absolute;
         left: 0;
@@ -70,9 +68,10 @@
 
       .form-field__label {
         display: flex;
+        flex: 1;
         flex-direction: column;
         justify-content: space-between;
-        flex: 1;
+        padding-left: 1.5rem;
       }
     }