diff --git a/graylog2-web-interface/src/components/perspectives/DefaultBrand.tsx b/graylog2-web-interface/src/components/perspectives/DefaultBrand.tsx index d08fc25807e60..595e8c1ff83b9 100644 --- a/graylog2-web-interface/src/components/perspectives/DefaultBrand.tsx +++ b/graylog2-web-interface/src/components/perspectives/DefaultBrand.tsx @@ -15,7 +15,11 @@ * . */ import React from 'react'; -import { useTheme } from 'styled-components'; +import styled, { useTheme } from 'styled-components'; + +const Container = styled.div` + display: inline-flex; +`; type Props = { className?: string, @@ -25,36 +29,35 @@ const DefaultBrand = ({ className }: Props) => { const theme = useTheme(); return ( -
- + Graylog Logo - + - - - + - - + d="M64.5 18.0217C66.9191 18.0217 68.8804 16.0605 68.8804 13.6413C68.8804 11.2221 66.9191 9.26087 64.5 9.26087C62.0809 9.26087 60.1196 11.2221 60.1196 13.6413C60.1196 16.0605 62.0809 18.0217 64.5 18.0217ZM64.5 20.2826C68.168 20.2826 71.1413 17.3092 71.1413 13.6413C71.1413 9.97341 68.168 7 64.5 7C60.832 7 57.8587 9.97341 57.8587 13.6413C57.8587 17.3092 60.832 20.2826 64.5 20.2826Z" + fill={theme.colors.brand.logo} /> + d="M64.8595 10.6898C64.8934 10.5641 65.0649 10.5474 65.1226 10.6641L66.3454 13.1387C66.3692 13.1869 66.4184 13.2174 66.4721 13.2174H67.4674C67.7014 13.2174 67.8913 13.4072 67.8913 13.6413C67.8913 13.8754 67.7014 14.0652 67.4674 14.0652H65.9453C65.8916 14.0652 65.8424 14.0347 65.8187 13.9865L65.1899 12.7143L64.1405 16.5928C64.1066 16.7185 63.9351 16.7352 63.8774 16.6185L62.6546 14.1439C62.6308 14.0957 62.5817 14.0652 62.528 14.0652H61.5326C61.2986 14.0652 61.1087 13.8754 61.1087 13.6413C61.1087 13.4072 61.2986 13.2174 61.5326 13.2174H63.0547C63.1084 13.2174 63.1576 13.2479 63.1814 13.2961L63.8102 14.5683L64.8595 10.6898Z" + fill={theme.colors.brand.logo} /> -
+ ); };