From abb9bf8ec403242b74542e7b1fe3eaa0f8675866 Mon Sep 17 00:00:00 2001
From: Jordan Doyle <jordan@doyle.la>
Date: Sun, 10 Oct 2021 20:21:48 +0100
Subject: [PATCH] Fix layout when both crates and users are returned

---
 chartered-frontend/src/util.tsx         | 2 +-
 chartered-frontend/src/pages/Search.tsx | 7 ++++---
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/chartered-frontend/src/util.tsx b/chartered-frontend/src/util.tsx
index 93dfab4..8bab153 100644
--- a/chartered-frontend/src/util.tsx
+++ a/chartered-frontend/src/util.tsx
@@ -95,7 +95,7 @@
   } else {
     return (
       <div
-        className={`rounded-circle d-inline-block ${className}`}
+        className={`position-relative rounded-circle d-inline-block ${className}`}
         style={{ width, height, background: "rgb(235, 235, 235)" }}
       />
     );
diff --git a/chartered-frontend/src/pages/Search.tsx b/chartered-frontend/src/pages/Search.tsx
index ecab1a1..0b68bfc 100644
--- a/chartered-frontend/src/pages/Search.tsx
+++ a/chartered-frontend/src/pages/Search.tsx
@@ -83,11 +83,10 @@
 
   return (
     <div className="card border-0 shadow-sm text-black p-2">
-      <div className="card-body">
+      <div className="card-body d-flex">
         {results.users.map((user, i) => (
-          <Link to={`users/${user.user_uuid}`}>
+          <Link to={`users/${user.user_uuid}`} key={i}>
             <ProfilePicture
-              key={i}
               height="5rem"
               width="5rem"
               className="me-2"
@@ -146,7 +145,7 @@
   }
 
   return (
-    <div className="card border-0 shadow-sm text-black">
+    <div className={`card border-0 shadow-sm text-black ${className}`}>
       <div className="table-responsive">
         <table className="table table-striped">
           <tbody>
--
rgit 0.1.3