Fix formatting breaking caused by dl/dd/dt/list-dl

satisfactorymodding · Sep 3, 2024 · e0b9bdd · e0b9bdd
1 parent a941255
commit e0b9bdd
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 28 deletions.
diff --git a/frontend/src/lib/components/modals/MigrationModal.svelte b/frontend/src/lib/components/modals/MigrationModal.svelte
@@ -26,50 +26,50 @@
     </p>
   </section>
   <section class="px-4 overflow-y-auto">
-    <dl class="list-dl">
+    <ul class="list-dl">
       <div>
         <span class="badge bg-primary-800 text-lg">+</span>
-        <span class="flex-auto">
-          <dt class="text-lg"><T defaultValue="Dedicated server management" keyName="smm2_migration.feature.servers" /></dt>
+        <span class="flex-auto text-lg">
+          <T defaultValue="Dedicated server management" keyName="smm2_migration.feature.servers" />
         </span>
       </div>
       <div>
         <span class="badge bg-primary-800 text-lg">+</span>
-        <span class="flex-auto">
-          <dt class="text-lg"><T defaultValue="User interface refresh" keyName="smm2_migration.feature.ui" /></dt>
+        <span class="flex-auto text-lg">
+          <T defaultValue="User interface refresh" keyName="smm2_migration.feature.ui" />
         </span>
       </div>
       <div>
         <span class="badge bg-primary-800 text-lg">+</span>
-        <span class="flex-auto">
-          <dt class="text-lg"><T defaultValue="Translation support" keyName="smm2_migration.feature.translation" /></dt>
+        <span class="flex-auto text-lg">
+          <T defaultValue="Translation support" keyName="smm2_migration.feature.translation" />
         </span>
       </div>
       <div>
         <span class="badge bg-primary-800 text-lg">+</span>
-        <span class="flex-auto">
-          <dt class="text-lg"><T defaultValue="Action queueing" keyName="smm2_migration.feature.queue" /></dt>
+        <span class="flex-auto text-lg">
+          <T defaultValue="Action queueing" keyName="smm2_migration.feature.queue" />
         </span>
       </div>
       <div>
         <span class="badge bg-primary-800 text-lg">+</span>
-        <span class="flex-auto">
-          <dt class="text-lg"><T defaultValue="Native Linux + Mac support" keyName="smm2_migration.feature.platform_support" /></dt>
+        <span class="flex-auto text-lg">
+          <T defaultValue="Native Linux + Mac support" keyName="smm2_migration.feature.platform_support" />
         </span>
       </div>
       <div>
         <span class="badge bg-tertiary-800 text-lg">+</span>
-        <span class="flex-auto">
-          <dt class="text-lg"><T defaultValue="Improved performance" keyName="smm2_migration.feature.performance" /></dt>
+        <span class="flex-auto text-lg">
+          <T defaultValue="Improved performance" keyName="smm2_migration.feature.performance" />
         </span>
       </div>
       <div>
         <span class="badge bg-warning-800 text-lg">⚠</span>
-        <span class="flex-auto">
-          <dt class="text-lg"><T defaultValue="New profile format" keyName="smm2_migration.feature.profile_format" /></dt>
+        <span class="flex-auto text-lg">
+          <T defaultValue="New profile format" keyName="smm2_migration.feature.profile_format" />
         </span>
       </div>
-    </dl>
+    </ul>
   </section>
   <section class="px-4">
     <p class="text-base text-center">

diff --git a/frontend/src/lib/components/modals/first-time-setup/FirstTimeSetupModal.svelte b/frontend/src/lib/components/modals/first-time-setup/FirstTimeSetupModal.svelte
@@ -32,17 +32,17 @@
     </p>
   </section>
   <section class="px-4 overflow-y-auto">
-    <dl class="list-dl">
-      <div>
+    <ul class="list">
+      <li>
         <span class="badge bg-tertiary-500">
           <SvgIcon
             class="h-5 w-5"
             icon={mdiTimerSandFull}
           />
         </span>
         <span class="flex-auto">
-          <dt class="text-lg"><T defaultValue="When I add or remove a mod, or switch profiles..." keyName="first_time_setup.option.queue-auto-start.title" /></dt>
-          <dd class="text-base">
+          <p class="text-lg"><T defaultValue="When I add or remove a mod, or switch profiles..." keyName="first_time_setup.option.queue-auto-start.title" /></p>
+          <p class="text-base">
             <span class="flex-auto">
               <SlideToggle
                 name="slider-queue" 
@@ -56,29 +56,29 @@
                     />
                   {:else}
                     <T
-                      defaultValue='Wait for me to press "Apply" to apply the change.'
+                      defaultValue='Queue the change and wait for me to press "Apply" to enact queued changes.'
                       keyName="first_time_setup.option.queue-auto-start.enabled"
                     />
                   {/if}
                 </span>
               </SlideToggle>
             </span>
         </span>
-      </div>
-      <div>
+      </li>
+      <li>
         <span class="badge bg-tertiary-500 text-lg">
           <SvgIcon
             class="h-5 w-5"
             icon={mdiWeb}
           />
         </span>
-        <span class="flex-auto">
-          <dt class="text-lg"><T defaultValue="Use this language where available:" keyName="first_time_setup.option.language.title" /></dt>
-          <dd class="text-base">
+        <span class="w-full">
+          <p class="text-lg"><T defaultValue="Use this language where available:" keyName="first_time_setup.option.language.title" /></p>
+          <p class="text-base">
             <LanguageSelector />
         </span>
-      </div>
-    </dl>
+      </li>
+    </ul>
   </section>
   <section class="px-4">
     <p class="text-base text-center">