Update website details layout.

components/metrics/WebsiteHeader.js

@@ -1,8 +1,6 @@
 import { Row, Column } from 'react-basics';
 import Favicon from 'components/common/Favicon';
 import OverflowText from 'components/common/OverflowText';
-import RefreshButton from 'components/common/RefreshButton';
-import ButtonLayout from 'components/layout/ButtonLayout';
 import PageHeader from 'components/layout/PageHeader';
 import ActiveUsers from './ActiveUsers';
 import styles from './WebsiteHeader.module.css';
@@ -11,18 +9,13 @@ export default function WebsiteHeader({ websiteId, title, domain }) {
   return (
     <PageHeader>
       <Row>
-        <Column className={styles.title} xs={12} sm={12} md={4} lg={4}>
+        <Column className={styles.title} variant="two">
           <Favicon domain={domain} />
           <OverflowText tooltipId={`${websiteId}-title`}>{title}</OverflowText>
         </Column>
-        <Column className={styles.active} xs={12} sm={12} md={4} lg={4}>
+        <Column className={styles.active} variant="two">
           <ActiveUsers websiteId={websiteId} />
         </Column>
-        <Column xs={12} sm={12} md={4} lg={4}>
-          <ButtonLayout align="right">
-            <RefreshButton websiteId={websiteId} />
-          </ButtonLayout>
-        </Column>
       </Row>
     </PageHeader>
   );