Changed header to fit new searchbar

frontend/src/components/Header.jsx

@@ -43,9 +43,8 @@ import {
 	Lightbulb as LightbulbIcon,
 } from "@mui/icons-material";
 
-//import { useAlert 
-
 import SearchField from '../components/Searchfield.jsx'
+
 const hoverColor = "#f85a3e"
 const hoverOutColor = "#e8eaf6"
 
@@ -615,7 +614,7 @@ const { globalUrl, setNotifications, notifications, isLoggedIn, removeCookie, ho
 
 				</List>
 			</div>
-			<div style={{flex: 1, marginTop: 0,}}>
+			<div style={{flex: 1, marginTop: 10,}}>
 				<SearchField serverside={serverside} userdata={userdata} />
 			</div>
 			<div style={{flex: 1, display: "flex", flexDirection: "row-reverse"}}>
@@ -747,7 +746,7 @@ const { globalUrl, setNotifications, notifications, isLoggedIn, removeCookie, ho
 						*/}
 					</List>
 				</div>
-				<div style={{flex: 1, marginTop: 0,}}>
+				<div style={{flex: 1, marginTop: 10,}}>
 					<SearchField serverside={serverside} userdata={userdata} />
 				</div>
 				<div style={{flex: 1, display: "flex", flexDirection: "row-reverse"}}>

frontend/src/components/Searchfield.jsx

@@ -106,6 +106,7 @@ const SearchField = props => {
 				{/* <Typography variant="body2" style={{ fontSize: 16, fontWidth: 550, color: "var(--Paragraph-text, #C8C8C8)"}}>
 					Discord 
 				</Typography> */}
+				{/*
 				<a rel="noopener noreferrer" href="https://discord.com/invite/B2CBzUm" target="_blank" style={{ textDecoration: "none", color: "white" }}>
 					<img src={"/images/social/discode.svg"} alt="Algolia logo" style={{ height: 22, marginLeft: 5, marginTop: 3, }} />
 				</a>
@@ -117,6 +118,7 @@ const SearchField = props => {
 				<a rel="noopener noreferrer" href="https://www.algolia.com/" target="_blank" style={{ textDecoration: "none", color: "white" }}>
 					<img src={"/images/logo-algolia-nebula-blue-full.svg"} alt="Algolia logo" style={{ height: 17, marginLeft: 5, marginTop: 3, }} />
 				</a>
+				*/}
 				</div>
 			</span>
 		</Dialog>