feat: date / time fields improvements

unfoldadmin · Mar 27, 2023 · 63bd9ed · 63bd9ed
1 parent 749a87c
commit 63bd9ed
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 9 deletions.
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/widgets/split_datetime.html b/src/unfold/templates/admin/widgets/split_datetime.html
@@ -1,23 +1,23 @@
 <div class="datetime flex flex-col max-w-2xl lg:flex-row">
-    <div class="flex flex-col flex-wrap">
-        <div class="font-medium mb-2 text-gray-900 text-sm dark:text-gray-200">
+    <div class="basis-1/2 flex flex-col flex-wrap">
+        <div class="font-medium mb-2 text-gray-500 text-sm dark:text-gray-200">
             {{ date_label }}
         </div>
 
         {% with widget=widget.subwidgets.0 %}
-            <div class="flex flex-row">
+            <div class="flex flex-row flex-wrap">
                 {% include widget.template_name %}
             </div>
         {% endwith %}
     </div>
 
-    <div class="flex flex-col flex-wrap lg:ml-auto mt-3 md:mt-0">
-        <div class="font-medium mb-2 text-gray-900 text-sm dark:text-gray-200">
+    <div class="basis-1/2 flex flex-col flex-wrap lg:ml-auto mt-3 md:mt-0">
+        <div class="font-medium mb-2 text-gray-500 text-sm dark:text-gray-200">
             {{ time_label }}
         </div>
 
         {% with widget=widget.subwidgets.1 %}
-            <div class="flex flex-row">
+            <div class="flex flex-row flex-wrap">
                 {% include widget.template_name %}
             </div>
         {% endwith %}

diff --git a/src/unfold/templates/unfold/widgets/date.html b/src/unfold/templates/unfold/widgets/date.html
@@ -1,3 +1,3 @@
-<div class="flex">
+<div class="flex flex-wrap">
     {% include "django/forms/widgets/input.html" %}
 </div>
diff --git a/src/unfold/templates/unfold/widgets/time.html b/src/unfold/templates/unfold/widgets/time.html
@@ -1,3 +1,3 @@
-<div class="flex">
+<div class="flex flex-wrap">
     {% include "django/forms/widgets/input.html" %}
 </div>