Move style guide title to sidebar

Author: Karl Brightman

src/rsg-components/Layout/Layout.css

@@ -30,9 +30,13 @@
 
 .heading {
 	composes: reset font from "../../styles/common.css";
-	margin: 0 0 30px 0;
-	font-size: 48px;
+	composes: border from "../../styles/colors.css";
+	border-width: 0 0 1px 0;
+	margin: 0;
+	font-size: 18px;
 	font-weight: normal;
+	display: block;
+	padding: 15px;
 }
 
 .empty {

src/rsg-components/Layout/Renderer.jsx

@@ -6,15 +6,17 @@ const Renderer = ({ title, components, toc }) => (
 	<div className={s.root}>
 		<main className={s.wrapper}>
 			<div className={s.content}>
-				<h1 className={s.heading}>{title}</h1>
 				<div className={s.components}>
 					{components}
 					<footer className={s.footer}>
 						Generated with <a className={s.link} href="https://github.com/sapegin/react-styleguidist">React Styleguidist</a>
 					</footer>
 				</div>
 			</div>
-			<div className={s.sidebar}>{toc}</div>
+			<div className={s.sidebar}>
+				<h1 className={s.heading}>{title}</h1>
+				{toc}
+			</div>
 		</main>
 	</div>
 );

src/rsg-components/TableOfContents/TableOfContents.css

@@ -1,7 +1,7 @@
 .root {
 	composes: reset font from "../../styles/common.css";
 	list-style-type: none;
-	padding: 15px 30px;
+	padding: 15px;
 }
 
 .item {