Merge branch 'release/41.1.0'

Author: einpraegsam

Documentation/Technical/Changelog/Index.md

@@ -9,6 +9,7 @@
 
 | Version    | Date       | State    | TYPO3         | Description                                                                                                                                                                                           |
 |------------|------------|----------|---------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
+| 41.1.0     | 2025-12-23 | Task     | `12.4 + 13.4` | CSS update for a better campaign layout                                                                                                                                                               |
 | 41.0.0     | 2025-12-18 | Task     | `12.4 + 13.4` | IP services were replaced (iplist.cc + ipapi.com with ipapi.is + ipapi.co) see for more details [IpAddresses.md](../../Privacy/IpAddresses.md)                                                        |
 | 40.0.1     | 2025-12-04 | Bugfix   | `12.4 + 13.4` | Don't add events on a-tags with downloads if there is already an linklistener event given                                                                                                             |
 | 40.0.0 !!! | 2025-11-12 | Feature  | `12.4 + 13.4` | Use FluidEmail instead of MailMessage for email4link mails - use your own layout now, show also unused linklisteners in backend                                                                       |

Resources/Private/Sass/_Wizard.scss

@@ -7,24 +7,28 @@
 }
 
 .wizard {
-  padding: 0.2em 0em 0.2em 0.2em;
+  display: flex;
 }
 
 .wizard a {
-  padding: 22px 12px 19px;
-  position: relative;
-  display: inline-block;
-  text-decoration: none;
-  min-width: 33.00%;
-  margin-left: 3px;
-  text-align: center;
-  font-size: 18px;
-  color: $white;
-  font-weight: bold;
+  align-items: center;
   background: light-dark($colorGreyBright, $colorGreyDark);
-  text-transform: uppercase;
+  color: $white;
   cursor: pointer;
+  display: flex;
+  flex: 1;
+  font-size: 18px;
+  font-weight: bold;
+  gap: 8px;
+  justify-content: center;
   margin-bottom: 20px;
+  margin-left: 3px;
+  min-height: 68px;
+  padding: 19px 12px 19px;
+  position: relative;
+  text-align: center;
+  text-decoration: none;
+  text-transform: uppercase;
 }
 
 .wizard a:hover {
@@ -113,9 +117,7 @@
 }
 
 .lux .wizard .badge {
-  margin: 0 5px 0 18px;
   position: relative;
-  top: -1px;
   border-radius: 20px;
   font-size: 18px;
   background: $white;
@@ -127,6 +129,20 @@
   }
 }
 
+.wizard a:not(:first-child) .badge {
+  @media (max-width: 1000px) {
+    transform: translateX(17px);
+  }
+}
+
+.lux .wizard .badge-text {
+  display: none;
+
+  @media (min-width: 1000px) {
+    display: inline-block;
+  }
+}
+
 .wizard a:first-child .badge {
   margin-left: 0;
 }

Resources/Public/Css/Modules.min.css

@@ -4,7 +4,7 @@
     'description' => 'Living User Experience - LUX - the Marketing Automation tool for TYPO3.
         Turn your visitors to leads. Identification and profiling of your visitors within your TYPO3 website.',
     'category' => 'plugin',
-    'version' => '41.0.0',
+    'version' => '41.1.0',
     'author' => 'Alex Kellner',
     'author_email' => 'alexander.kellner@in2code.de',
     'author_company' => 'in2code.de',