people: Update design of search

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>

diff --git a/src/templates/people/modules/accounts-list.html b/src/templates/people/modules/accounts-list.html
index 0c8fe03551f693991847bcea77c16e988686d5f3..bc72b179ae92dbb10361d8377ccaeb4ca3df31fc 100644 (file)
--- a/src/templates/people/modules/accounts-list.html
+++ b/src/templates/people/modules/accounts-list.html
@@ -1,17 +1,10 @@
-{% for group in grouper(accounts, 2) %}
-       <div class="row">
-               {% for account in group %}
-                       <div class="col-12 col-lg-6 mb-3">
-                               <div class="card">
-                                       <div class="card-body">
-                                               <h6 class="card-title mb-0">
-                                                       <img class="img-fluid rounded-circle" src="{{ account.avatar_url(64) }}" alt="{{ account }}" style="height: 24px" />
-
-                                                       <a href="/users/{{ account.uid }}">{{ account }}</a>
-                                               </h6>
-                                       </div>
-                               </div>
-                       </div>
-               {% end %}
-       </div>
-{% end %}
+<div class="list-group">
+       {% for account in accounts %}
+               <a class="list-group-item list-group-item-action d-flex align-items-center"
+                               href="/users/{{ account.uid }}">
+                       <img class="img-fluid rounded-circle mr-3" src="{{ account.avatar_url(32) }}"
+                               alt="{{ account }}">
+                       <h6 class="mb-0">{{ account }}</h6>
+               </a>
+       {% end %}
+</div>

diff --git a/src/templates/people/search.html b/src/templates/people/search.html
index d15b767d9973d4a9f82eef5be42959e49cad16bf..cd10b89bac94c11083c021329d05d8e694d93ea6 100644 (file)
--- a/src/templates/people/search.html
+++ b/src/templates/people/search.html
@@ -2,11 +2,19 @@
 
 {% block title %}{{ _("Search Results for \"%s\"") % q }}{% end block %}
 
-{% block content %}
-       <div class="row justify-content-center">
-               <div class="col col-md-8">
-                       <h1>{{ _("Search Results for \"%s\"") % q }}</h1>
+{% block container %}
+       <div class="header">
+               <div class="container">
+                       <h1>{{ _("Search Results") }}</h1>
 
+                       <p class="text-muted">
+                               {{ _("For '%s'") % q }}
+                       </p>
+               </div>
+       </div>
+
+       <div class="container">
+               <section>
                        {% if accounts %}
                                {% module AccountsList(accounts) %}
                        {% else %}
@@ -14,6 +22,6 @@
                                        {{ _("There are no results for \"%s\"") % q }}
                                </p>
                        {% end %}
-               </div>
+               </section>
        </div>
 {% end block %}