diff --git a/misc/logo/logo-alpha-flat-white.svg b/misc/logo/logo-alpha-flat-white.svg
new file mode 100644
index 0000000000000000000000000000000000000000..69f8ef5013282cd4ff0e56ea9e5af7a953d38a2e
--- /dev/null
+++ b/misc/logo/logo-alpha-flat-white.svg
@@ -0,0 +1,95 @@
+
+
diff --git a/webui/public/logo.svg b/webui/public/logo.svg
new file mode 100644
index 0000000000000000000000000000000000000000..05f175b030c57985aee0ebac4088c6c18affc8a6
--- /dev/null
+++ b/webui/public/logo.svg
@@ -0,0 +1,95 @@
+
+
diff --git a/webui/src/App.js b/webui/src/App.js
index 357782682f95d60fa87c62967d42f763d16b6303..b9c573274f11d0b6d027e3fd728ab36676febf59 100644
--- a/webui/src/App.js
+++ b/webui/src/App.js
@@ -21,13 +21,19 @@ const theme = createMuiTheme({
const useStyles = makeStyles(theme => ({
offset: theme.mixins.toolbar,
+ filler: {
+ flexGrow: 1,
+ },
appTitle: {
...theme.typography.h6,
color: 'white',
textDecoration: 'none',
+ display: 'flex',
+ alignItems: 'center',
},
- headerLeft: {
- flexGrow: 1,
+ logo: {
+ height: '42px',
+ marginRight: theme.spacing(2),
},
}));
@@ -39,11 +45,11 @@ export default function App() {
-
-
- git-bug webui
-
-
+
+
+ git-bug
+
+