From b00907588e756e3ed908f770d5b10a34cde1daf0 Mon Sep 17 00:00:00 2001
From: Michael Tremer <michael.tremer@ipfire.org>
Date: Wed, 25 Nov 2020 23:53:38 +0000
Subject: [PATCH] people: Update design of search

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>
---
 .../people/modules/accounts-list.html         | 27 +++++++------------
 src/templates/people/search.html              | 18 +++++++++----
 2 files changed, 23 insertions(+), 22 deletions(-)

diff --git a/src/templates/people/modules/accounts-list.html b/src/templates/people/modules/accounts-list.html
index 0c8fe035..bc72b179 100644
--- 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 d15b767d..cd10b89b 100644
--- 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 %}
-- 
2.47.2