logo colour and query panel position adjusted

pages/index.tsx

@@ -38,7 +38,9 @@ export default function Index () {
     <Box sx={{ flexGrow: 1 }}>
       <AppBar position="static">
         <Toolbar>
-         <Avatar src="images/logo-fdo-img.png"></Avatar>
+         <Avatar
+              alt="FDO logo graphic"
+              src="images/logo-fdo-white.png"></Avatar>
           <Typography
             variant="h6"
             noWrap
@@ -56,8 +58,6 @@ export default function Index () {
             alignItems="center"
             gap="14px"
           >
-          <QueryPanel/>
-
           <FormControl sx={{ minWidth: 64 }}>
               <Select
                 disableUnderline
@@ -111,11 +111,16 @@ export default function Index () {
       </AppBar>
 
       <Grid container spacing={2} columns={10} justifyContent="center" alignItems="center" marginTop={2}>
-       <Grid item xs={6}>
-          <Item><h1>Projektinfo mit Atomgrafik</h1></Item>
-          <Item>{info}<br/></Item>
-          <Item>Hallo</Item>
-        </Grid>
+        <Grid item xs={6}>
+          <Item>
+          <h1>Projektinfo mit Atomgrafik</h1><br />{info}
+
+          </Item>
+          <Item>
+          <QueryPanel/>
+
+          </Item>
+          </Grid>
       </Grid>
 
       <Grid container spacing={2} columns={20} justifyContent="center" alignItems="center" marginTop={2}>