From 313ebbd6857d8170b69e88ec25b756a62b4bac5e Mon Sep 17 00:00:00 2001
From: Simon Vieille <simon@deblan.fr>
Date: Tue, 27 Sep 2022 20:30:16 +0200
Subject: [PATCH] fix ui

---
 assets/css/app.scss                 | 7 ++++++-
 templates/page/post/_post.html.twig | 8 ++++----
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/assets/css/app.scss b/assets/css/app.scss
index 9e684ff..d720127 100644
--- a/assets/css/app.scss
+++ b/assets/css/app.scss
@@ -124,13 +124,18 @@ pre[class*="language-"] {
 //     border-radius: 10px;
 //   }
 //
+
+.captcha_image {
+  margin-bottom: 5px;
+}
+
 .captcha_reload {
   width: 50px !important;
   padding-left: 50px;
   height: 50px;
   overflow: hidden;
   display: inline-block;
-  margin-bottom: -19px;
+  margin-bottom: -19px;i
 
   &:active, &:focus {
     background: none;
diff --git a/templates/page/post/_post.html.twig b/templates/page/post/_post.html.twig
index 53e4455..ca1f793 100644
--- a/templates/page/post/_post.html.twig
+++ b/templates/page/post/_post.html.twig
@@ -14,13 +14,13 @@
                     </h2>
 
                     <ul class="md:flex md:gap-3 pl-0">
-                        <li class="pl-0 mt-0 sm:mb-0">
+                        <li class="pl-0 mt-0 sm:inline">
                             <time datetime="{{ post.publishedAt|date("Y-m-d") }}" title="{{ post.publishedAt|date("r") }}">
                                 {{- 'Le ' ~ post.publishedAt|date("d/m/Y à H\\hi") -}}
                             </time>
                         </li>
                         {% for category in post.categories %}
-                            <li class="pl-0 mt-0 sm:mb-0">
+                            <li class="pl-0 mt-0 sm:inline">
                                 <a href="{{ safe_path('blog_menu_category', {category: category.id, slug: category.slug, _domain: _domain}) }}">
                                     {{- category.title -}}
                                 </a>
@@ -28,7 +28,7 @@
                         {% endfor %}
 
                         {% for tag in post.tags %}
-                            <li class="pl-0 mt-0 sm:mb-0">
+                            <li class="pl-0 mt-0 sm:inline">
                                 <a href="{{ safe_path('blog_menu_search', {tag: tag.label, _domain: _domain}) }}">
                                     {{- '#' ~ tag.label -}}
                                 </a>
@@ -169,7 +169,7 @@
                             </div>
                         </div>
                         <div class="col-span-2">
-                            <div class="flex justify-start gap-3">
+                            <div class="md:flex justify-start gap-3">
                                 {{ form_label(form.captcha, null, {label_attr: {class: 'label'}}) }}
                                 {{ form_widget(form.captcha, {attr: {class: 'input input-bordered'}}) }}
                             </div>