feat: general container spacing (#858)

lukasvinclav · web-flow · commit 6e6e6c1df520 · 2024-11-17T11:32:13.000+01:00
diff --git a/src/unfold/contrib/guardian/templates/admin/guardian/model/obj_perms_manage.html b/src/unfold/contrib/guardian/templates/admin/guardian/model/obj_perms_manage.html
@@ -3,7 +3,7 @@
 {% load admin_urls i18n guardian_tags  %}
 
 {% block breadcrumbs %}{% if not is_popup %}
-    <div class="px-4 lg:px-12">
+    <div class="px-4 lg:px-8">
         <div class="container mb-6 mx-auto -my-3 lg:mb-12">
             <ul class="flex flex-wrap">
                 {% url 'admin:index' as link %}
diff --git a/src/unfold/contrib/guardian/templates/admin/guardian/model/obj_perms_manage_group.html b/src/unfold/contrib/guardian/templates/admin/guardian/model/obj_perms_manage_group.html
@@ -6,7 +6,7 @@
 {% endblock %}
 
 {% block breadcrumbs %}{% if not is_popup %}
-    <div class="px-4 lg:px-12">
+    <div class="px-4 lg:px-8">
         <div class="container mb-6 mx-auto -my-3 lg:mb-12">
             <ul class="flex flex-wrap">
                 {% url 'admin:index' as link %}
diff --git a/src/unfold/contrib/guardian/templates/admin/guardian/model/obj_perms_manage_user.html b/src/unfold/contrib/guardian/templates/admin/guardian/model/obj_perms_manage_user.html
@@ -7,7 +7,7 @@
 {% endblock %}
 
 {% block breadcrumbs %}{% if not is_popup %}
-    <div class="px-4 lg:px-12">
+    <div class="px-4 lg:px-8">
         <div class="container mb-6 mx-auto -my-3 lg:mb-12">
             <ul class="flex flex-wrap">
                 {% url 'admin:index' as link %}
diff --git a/src/unfold/contrib/import_export/templates/admin/import_export/export.html b/src/unfold/contrib/import_export/templates/admin/import_export/export.html
@@ -10,7 +10,7 @@
 {% endblock %}
 
 {% block breadcrumbs %}
-    <div class="px-4 lg:px-12">
+    <div class="px-4 lg:px-8">
         <div class="container mb-6 mx-auto -my-3 lg:mb-12">
             <ul class="flex flex-wrap">
                 {% url 'admin:index' as link %}
diff --git a/src/unfold/contrib/import_export/templates/admin/import_export/import.html b/src/unfold/contrib/import_export/templates/admin/import_export/import.html
@@ -21,7 +21,7 @@
 {% endblock %}
 
 {% block breadcrumbs %}
-    <div class="px-4 lg:px-12">
+    <div class="px-4 lg:px-8">
         <div class="container mb-6 mx-auto -my-3 lg:mb-12">
             <ul class="flex flex-wrap">
                 {% url 'admin:index' as link %}
diff --git a/src/unfold/contrib/simple_history/templates/simple_history/object_history_form.html b/src/unfold/contrib/simple_history/templates/simple_history/object_history_form.html
@@ -4,7 +4,7 @@
 {% load url from simple_history_compat %}
 
 {% block breadcrumbs %}
-    <div class="px-4 lg:px-12">
+    <div class="px-4 lg:px-8">
         <div class="container mb-6 mx-auto -my-3 lg:mb-12">
             <ul class="flex flex-wrap">
                 {% url 'admin:index' as link %}
diff --git a/src/unfold/contrib/simple_history/templates/simple_history/submit_line.html b/src/unfold/contrib/simple_history/templates/simple_history/submit_line.html
@@ -2,7 +2,7 @@
 
 <div {% if not is_popup %}id="submit-row"{% endif %} class="relative z-20 {% if not is_popup %} mt-20 lg:mt-8{% endif %}">
     <div class="{% if not is_popup %}bottom-0 fixed left-0 right-0{% endif %}" {% if not is_popup %}x-bind:class="{'xl:left-0': !sidebarDesktopOpen, 'xl:left-72': sidebarDesktopOpen}"{% endif %}>
-        <div class="bg-white dark:bg-gray-900 {% if not is_popup %}border-t px-4 py-4 relative scrollable-top lg:px-12 dark:border-gray-800{% endif %}">
+        <div class="bg-white dark:bg-gray-900 {% if not is_popup %}border-t px-4 py-4 relative scrollable-top lg:px-8 dark:border-gray-800{% endif %}">
             <div class="container flex flex-col-reverse gap-3 items-center mx-auto lg:flex-row-reverse">
                 {% if not revert_disabled %}
                     <button type="submit" class="bg-primary-600 block border border-transparent font-medium px-3 py-2 rounded-md text-sm text-white w-full lg:w-auto"  name="_save" {{ onclick_attrib }}>
diff --git a/src/unfold/static/unfold/css/styles.css b/src/unfold/static/unfold/css/styles.css
diff --git a/src/unfold/templates/admin/base.html b/src/unfold/templates/admin/base.html
@@ -16,7 +16,7 @@
             {% if not is_popup %}
                 {% spaceless %}
                     {% block breadcrumbs %}
-                        <div class="px-4 lg:px-12">
+                        <div class="px-4 lg:px-8">
                             <div class="container mb-12 mx-auto -my-3">
                                 <ul class="flex flex-wrap">
                                     {% url 'admin:index' as link %}
@@ -31,14 +31,14 @@
             {% endif %}
 
             {% block messages %}
-                <div class="px-4 lg:px-12">
+                <div class="px-4 lg:px-8">
                     <div class="{% if not cl.model_admin.list_fullwidth %}container{% endif %} mx-auto">
                         {% include "unfold/helpers/messages.html" %}
                     </div>
                 </div>
             {% endblock messages %}
 
-            <div class="px-4 pb-12 lg:px-12">
+            <div class="px-4 pb-8 lg:px-8">
                 <div id="content" class="{% if not cl.model_admin.list_fullwidth %}container{% endif %} mx-auto {% block coltype %}colM{% endblock %}">
                     {% if cl %}
                         {% tab_list "changelist" cl.opts %}
diff --git a/src/unfold/templates/admin/change_form.html b/src/unfold/templates/admin/change_form.html
@@ -11,7 +11,7 @@
 
 {% if not is_popup %}
     {% block breadcrumbs %}
-        <div class="px-4 lg:px-12">
+        <div class="px-4 lg:px-8">
             <div class="container mb-6 mx-auto -my-3 lg:mb-12">
                 <ul class="flex flex-wrap">
                     {% url 'admin:index' as link %}
diff --git a/src/unfold/templates/admin/change_list.html b/src/unfold/templates/admin/change_list.html
@@ -24,7 +24,7 @@
 
 {% if not is_popup %}
     {% block breadcrumbs %}
-        <div class="px-4 lg:px-12">
+        <div class="px-4 lg:px-8">
             <div class="{% if not cl.model_admin.list_fullwidth %}container{% endif %} mb-6 mx-auto -my-3 lg:mb-12">
                 <ul class="flex flex-wrap">
                     {% url 'admin:index' as link %}
diff --git a/src/unfold/templates/admin/delete_confirmation.html b/src/unfold/templates/admin/delete_confirmation.html
@@ -10,7 +10,7 @@
 {% block bodyclass %}{{ block.super }} app-{{ opts.app_label }} model-{{ opts.model_name }} delete-confirmation{% endblock %}
 
 {% block breadcrumbs %}
-    <div class="px-4 lg:px-12">
+    <div class="px-4 lg:px-8">
         <div class="container mb-6 mx-auto -my-3 lg:mb-12">
             <ul class="flex flex-wrap">
                 {% url 'admin:index' as link %}
diff --git a/src/unfold/templates/admin/delete_selected_confirmation.html b/src/unfold/templates/admin/delete_selected_confirmation.html
@@ -10,7 +10,7 @@
 {% block bodyclass %}{{ block.super }} app-{{ opts.app_label }} model-{{ opts.model_name }} delete-confirmation delete-selected-confirmation{% endblock %}
 
 {% block breadcrumbs %}
-    <div class="px-4 lg:px-12">
+    <div class="px-4 lg:px-8">
         <div class="container mb-6 mx-auto -my-3 lg:mb-12">
             <ul class="flex flex-wrap">
                 {% url 'admin:index' as link %}
diff --git a/src/unfold/templates/admin/object_history.html b/src/unfold/templates/admin/object_history.html
@@ -2,7 +2,7 @@
 {% load i18n admin_urls %}
 
 {% block breadcrumbs %}
-    <div class="px-4 lg:px-12">
+    <div class="px-4 lg:px-8">
         <div class="container mb-12 mx-auto -my-3">
             <ul class="flex flex-wrap">
                 {% url 'admin:index' as link %}
diff --git a/src/unfold/templates/admin/submit_line.html b/src/unfold/templates/admin/submit_line.html
@@ -1,8 +1,8 @@
 {% load i18n admin_urls %}
 
-<div {% if not is_popup %}id="submit-row"{% endif %} class="relative z-20 {% if not is_popup %} mt-8{% endif %}">
+<div {% if not is_popup %}id="submit-row"{% endif %} class="relative mt-16 z-20">
     <div class="{% if not is_popup %}lg:bottom-0 lg:fixed lg:left-0 lg:right-0{% endif %}" {% if not is_popup %}x-bind:class="{'xl:left-0': !sidebarDesktopOpen, 'xl:left-72': sidebarDesktopOpen}"{% endif %}>
-        <div class="bg-white dark:bg-gray-900 {% if not is_popup %}lg:border-t lg:py-4 relative scrollable-top lg:px-12 dark:border-gray-800{% endif %}">
+        <div class="bg-white dark:bg-gray-900 {% if not is_popup %}lg:border-t lg:py-4 relative scrollable-top lg:px-8 dark:border-gray-800{% endif %}">
             <div class="container flex flex-col-reverse gap-3 items-center mx-auto lg:flex-row-reverse">
                 {% block submit-row %}
                     {% if show_save %}
diff --git a/src/unfold/templates/unfold/helpers/header.html b/src/unfold/templates/unfold/helpers/header.html
@@ -1,6 +1,6 @@
 {% if not is_popup %}
     {% block header %}
-        <div class="border-b border-gray-200 mb-6 px-4 lg:px-12 dark:border-gray-800">
+        <div class="border-b border-gray-200 mb-6 px-4 lg:px-8 dark:border-gray-800">
             <div class="{% if not cl.model_admin.list_fullwidth %}container{% endif %} flex items-center h-16 mx-auto py-4">
                 <div id="header-inner" class="flex items-center w-full">
                     <div class="flex items-center w-full">
diff --git a/src/unfold/templates/unfold/layouts/base_simple.html b/src/unfold/templates/unfold/layouts/base_simple.html
@@ -21,7 +21,7 @@
                 {% endspaceless %}
             {% endif %}
 
-            <div class="px-4 lg:px-12">
+            <div class="px-4 lg:px-8">
                 <div id="content" class="container mx-auto {% block coltype %}colM{% endblock %}">
                     {% block content %}
                         {% block object-tools %}{% endblock %}
