changed design

core/static/core/style.scss

@@ -1403,6 +1403,18 @@ textarea {
     }
   }
 
+  .search_bar {
+    margin: 10px 0px;
+    display: flex;
+    height: 20p;
+    align-items: center;
+  }
+  .search_check {
+    margin-left: 10px;
+  }
+  .search_bouton {
+    margin-left: 10px;
+  }
   .category {
     margin-top: 5px;
     background: $secondary-color;

forum/templates/forum/forum.jinja

@@ -12,7 +12,6 @@
     > <a href="{{ f.get_absolute_url() }}">{{ f }}</a>
     {% endfor %}
     > <a href="{{ forum.get_absolute_url() }}">{{ forum }}</a>
-    {{ display_search_bar() }}
 </div>
 <div id="forum">
     <h3>{{ forum.name }}</h3>
@@ -23,6 +22,7 @@
     {% if not forum.is_category %}
         <a class="ib button" href="{{ url('forum:new_topic', forum_id=forum.id) }}">{% trans %}New topic{% endtrans %}</a>
     {% endif %}
+    {{ display_search_bar() }}
     </p>
     {% if forum.children.exists() %}
     <div>

forum/templates/forum/macros.jinja

@@ -156,8 +156,10 @@
 {% endmacro %}
 
 {% macro display_search_bar() %}
-<form action="{{ url('forum:search') }}" method="GET" style="text-align: right;">
+<form class="search_bar" action="{{ url('forum:search') }}" method="GET">
     <input type="text" placeholder="{% trans %}Search{% endtrans %}" name="query"/>
-    <input type="submit" value="{% trans %}Search{% endtrans %}"/>
+    <input type="checkbox" class="sreach_check" name="order" value="date" checked> {% trans %}Order by date{% endtrans %}<br>
+    <input type="submit" class="search_bouton" value="{% trans %}Search{% endtrans %}"/>
+
 </form>
 {% endmacro %}

forum/templates/forum/main.jinja

@@ -12,10 +12,10 @@
 </p>
 <div id="forum">
     <h3>{% trans %}Forum{% endtrans %}</h3>
-    {{ display_search_bar() }}
     <p>
         <a class="ib button" href="{{ url('forum:last_unread') }}">{% trans %}View last unread messages{% endtrans %}</a>
         <a class="ib button" href="{{ url('forum:favorite_topics') }}">{% trans %}Favorite topics{% endtrans %}</a>
+        {{ display_search_bar() }}
     </p>
     {% if user.is_in_group(settings.SITH_GROUP_FORUM_ADMIN_ID) or user.is_in_group(settings.SITH_GROUP_COM_ADMIN_ID) %}
     <p>