feat(15): styling sidebar font

15-multi-step-form/src/main/resources/public/out.css

@@ -1729,6 +1729,18 @@ html {
     line-height: 1.75rem;
   }
 
+  .md\:tracking-widest {
+    letter-spacing: 0.1em;
+  }
+
+  .md\:tracking-wide {
+    letter-spacing: 0.025em;
+  }
+
+  .md\:tracking-\[0rem\] {
+    letter-spacing: 0rem;
+  }
+
   .md\:drop-shadow-2xl {
     --tw-drop-shadow: drop-shadow(0 25px 25px rgb(0 0 0 / 0.15));
     filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);

15-multi-step-form/src/main/resources/templates/step1.html

@@ -45,7 +45,7 @@
       method="post"
     >
       <summary
-        class="w-full h-44 bg-no-repeat bg-cover md:row-span-2 bg-sidebar-mobile marker:text-white md:bg-sidebar-desktop md:h-[568px] md:w-[274px]"
+        class="w-full h-44 bg-no-repeat bg-cover md:row-span-2 md:tracking-widest bg-sidebar-mobile marker:text-white md:bg-sidebar-desktop md:h-[568px] md:w-[274px]"
         id="sidebar"
         th:fragment="stepsSummary(formData)"
       >

15-multi-step-form/src/main/scala/multistepform/Models.scala

@@ -49,12 +49,10 @@ object Models {
 
   final case class Answers(
       sessionId: String = "",
-      currentStep: Int = 5,
+      currentStep: Int = 1,
       step1: StepAnswers.Step1 = StepAnswers.Step1(),
       step2: StepAnswers.Step2 = StepAnswers.Step2(),
-      step3: StepAnswers.Step3 = StepAnswers.Step3(
-        addons = Addons.values.toSet
-      ),
+      step3: StepAnswers.Step3 = StepAnswers.Step3(),
       step4: StepAnswers.Step4 = StepAnswers.Step4()
   ) {
     // this is not enforced by compiler, sad, maintain by hand in html template files