From ddfe5015c9237fbe0fea44f8bcde31708eb3adac Mon Sep 17 00:00:00 2001
From: Wolfboy248 <georgejvindkarlsen@gmail.com>
Date: Tue, 26 Aug 2025 08:20:51 +0200
Subject: Fixed some inconsistant styles and fixed category queryparam in
 maplist page

---
 frontend/src/components/Sidebar/Search.tsx | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

(limited to 'frontend/src/components/Sidebar/Search.tsx')

diff --git a/frontend/src/components/Sidebar/Search.tsx b/frontend/src/components/Sidebar/Search.tsx
index 00d9e1e..49bcec7 100644
--- a/frontend/src/components/Sidebar/Search.tsx
+++ b/frontend/src/components/Sidebar/Search.tsx
@@ -1,4 +1,4 @@
-import React, { useRef } from "react";
+import React from "react";
 import { Link } from "react-router-dom";
 
 import { Search } from "@customTypes/Search";
@@ -7,21 +7,20 @@ import { UserProfile } from "@customTypes/Profile";
 
 interface SearchProps {
     profile?: UserProfile;
+    searchbarRef: React.RefObject<HTMLInputElement | null>;
 };
 
-const _Search: React.FC<SearchProps> = ({ profile }) => {
+const _Search: React.FC<SearchProps> = ({ profile, searchbarRef }) => {
     const [searchData, setSearchData] = React.useState<Search | undefined>(
         undefined
     );
 
-    const searchbarRef = useRef<HTMLInputElement>(null);
-
     const _handle_search_change = async (q: string) => {
         const searchResponse = await API.get_search(q);
         setSearchData(searchResponse);
     };
     return (
-        <div className="flex w-full flex-col justify-between p-3">
+        <div className="flex w-full flex-col p-3 not-md:absolute">
             <input
                 ref={searchbarRef}
                 type="text"
-- 
cgit v1.2.3