From 6db9bf71fc98431f909a300cc7d0ed7eb4d3e0bd Mon Sep 17 00:00:00 2001
From: Sina Rohde <s.rohde@indiscale.com>
Date: Fri, 16 Aug 2024 10:21:45 +0200
Subject: [PATCH] logo colour and query panel position adjusted

---
 pages/index.tsx                  |  21 +++++++++++++--------
 public/images/logo-fdo-white.png | Bin 0 -> 6403 bytes
 2 files changed, 13 insertions(+), 8 deletions(-)
 create mode 100644 public/images/logo-fdo-white.png

diff --git a/pages/index.tsx b/pages/index.tsx
index 1a1cfc9..1629ada 100644
--- a/pages/index.tsx
+++ b/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}>
diff --git a/public/images/logo-fdo-white.png b/public/images/logo-fdo-white.png
new file mode 100644
index 0000000000000000000000000000000000000000..6f5236f101440bba0c1e797c4a283746fa71b707
GIT binary patch
literal 6403
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
b{H#xlc71VFMf@@Y0|SGntDnm{r-UW|UKAo6

literal 0
HcmV?d00001

-- 
GitLab