From e711969e3bbbdab0784adada92ab8cdb36dedb16 Mon Sep 17 00:00:00 2001
From: Ines Montani <ines@ines.io>
Date: Mon, 25 Feb 2019 20:22:40 +0100
Subject: [PATCH] Add more human-readable class names [ci skip]

---
 website/src/components/sidebar.js | 6 +++---
 website/src/components/table.js   | 4 +++-
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/website/src/components/sidebar.js b/website/src/components/sidebar.js
index cadb85fe4..29bd122d6 100644
--- a/website/src/components/sidebar.js
+++ b/website/src/components/sidebar.js
@@ -26,10 +26,10 @@ const Sidebar = ({ items, pageMenu, slug }) => {
     }, [])
 
     return (
-        <menu className={classes.root}>
+        <menu className={classNames('sidebar', classes.root)}>
             {items.map((section, i) => (
                 <ul className={classes.section} key={i}>
-                    <li className={classes.label}>{section.label}</li>
+                    <li className={classNames('h0', classes.label)}>{section.label}</li>
                     {section.items.map(({ text, url, onClick, menu, isActive }, j) => {
                         const currentMenu = menu || pageMenu || []
                         const active = isActive || slug === url
@@ -43,7 +43,7 @@ const Sidebar = ({ items, pageMenu, slug }) => {
                                     to={url}
                                     onClick={onClick}
                                     className={itemClassNames}
-                                    activeClassName={classes.isActive}
+                                    activeClassName={classNames('is-active', classes.isActive)}
                                     hideIcon
                                 >
                                     {text}
diff --git a/website/src/components/table.js b/website/src/components/table.js
index 2dd98a353..3c345b046 100644
--- a/website/src/components/table.js
+++ b/website/src/components/table.js
@@ -46,8 +46,10 @@ export const Table = props => <table className={classes.root} {...props} />
 export const Th = props => <th className={classes.th} {...props} />
 
 export const Tr = ({ children, ...props }) => {
+    const foot = isFootRow(children)
     const trClasssNames = classNames(classes.tr, {
-        [classes.footer]: isFootRow(children),
+        [classes.footer]: foot,
+        'table-footer': foot,
     })
 
     return (