From 98d57aef0e409647440143b864ec0443a567b9da Mon Sep 17 00:00:00 2001
From: Aleksandr Zapparov <alexander@zapparov.dev>
Date: Tue, 20 Aug 2024 16:41:56 +0200
Subject: [PATCH 1/3] update list module structure and styling

---
 theme/modules/list.module/module.html | 36 +++++----------------------
 1 file changed, 6 insertions(+), 30 deletions(-)

diff --git a/theme/modules/list.module/module.html b/theme/modules/list.module/module.html
index 1c85654..53c59de 100644
--- a/theme/modules/list.module/module.html
+++ b/theme/modules/list.module/module.html
@@ -1,27 +1,9 @@
-{% require_css %}
-  <style>
-    {% scope_css %}
-      .icon-alignment {
-        margin-top: {{ module.styles.icon_alignment }}px;
-      }
-
-      .list-gaps {
-        gap: {{ module.styles.list_items_alignment }}px;
-      }
-
-      .icon-text-gaps {
-        gap: {{ module.styles.gap }}px;
-      }
-    {% end_scope_css %}
-  </style>
-{% end_require_css %}
-
-<div class="fj-container fj-mx-auto">
-  <ul class="fj-grid list-gaps">
+<div class="fj-container fj-max-w-lg lg:fj-max-w-3xl fj-mx-auto">
+  <ul class="fj-grid" style="gap: {{ module.styles.list_items_alignment }}px;">
     {% for item in module.list_items %}
-      <li class="fj-flex icon-text-gaps">
-        <div style="height: {{ module.styles.icon_size }}px; width: {{ module.styles.icon_size }}px"
-             class="fj-flex-col fj-items-center fj-justify-center fj-shrink-0 icon-alignment">
+      <li class="fj-flex" style="gap: {{ module.styles.gap }}px;">
+        <div class="fj-shrink-0"
+             style="height: {{ module.styles.icon_size }}px; width: {{ module.styles.icon_size }}px; margin-top: {{ module.styles.icon_alignment }}px;">
 
           {% set current_icon = not module.enable_global_icons ? item.individual_item_icon : module.global_icon %}
           {% set current_icon_color = not module.enable_global_icon_color ? item.individual_icon_color : module.global_icon_color %}
@@ -38,13 +20,7 @@
 
         </div>
 
-        <div class="fj-text-lg fj-leading-tight">
-          {% if module.enable_rich_text %}
-            {% inline_rich_text field="item_rich_text" value="{{ item.item_rich_text }}" %}
-          {% else %}
-            {% inline_text field="item_text" value="{{ item.item_text }}" %}
-          {% endif %}
-        </div>
+        <span class="fj-text-lg fj-leading-tight">{{ module.enable_rich_text ? item.item_rich_text : item.item_text }}</span>
       </li>
     {% endfor %}
   </ul>

From ef4dc874ab963922ac6236469946496409415cd9 Mon Sep 17 00:00:00 2001
From: Aleksandr Zapparov <alexander@zapparov.dev>
Date: Tue, 20 Aug 2024 16:43:57 +0200
Subject: [PATCH 2/3] add not-prose to list module

---
 theme/modules/list.module/module.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/theme/modules/list.module/module.html b/theme/modules/list.module/module.html
index 53c59de..38649eb 100644
--- a/theme/modules/list.module/module.html
+++ b/theme/modules/list.module/module.html
@@ -1,4 +1,4 @@
-<div class="fj-container fj-max-w-lg lg:fj-max-w-3xl fj-mx-auto">
+<div class="fj-not-prose fj-container fj-max-w-lg lg:fj-max-w-3xl fj-mx-auto">
   <ul class="fj-grid" style="gap: {{ module.styles.list_items_alignment }}px;">
     {% for item in module.list_items %}
       <li class="fj-flex" style="gap: {{ module.styles.gap }}px;">

From fb0199b89efbd7db680c7c05feaa4d3538c4e5b1 Mon Sep 17 00:00:00 2001
From: Aleksandr Zapparov <alexander@zapparov.dev>
Date: Wed, 21 Aug 2024 17:51:56 +0200
Subject: [PATCH 3/3] change span to div in li element

---
 theme/modules/list.module/module.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/theme/modules/list.module/module.html b/theme/modules/list.module/module.html
index 38649eb..aa7c8f8 100644
--- a/theme/modules/list.module/module.html
+++ b/theme/modules/list.module/module.html
@@ -20,7 +20,7 @@
 
         </div>
 
-        <span class="fj-text-lg fj-leading-tight">{{ module.enable_rich_text ? item.item_rich_text : item.item_text }}</span>
+        <div class="fj-text-lg fj-leading-tight">{{ module.enable_rich_text ? item.item_rich_text : item.item_text }}</div>
       </li>
     {% endfor %}
   </ul>