From ff4cdf3b6b7cca957f5f3f611187cdbf63222d24 Mon Sep 17 00:00:00 2001
From: Thomas Brouard <contact@brrd.fr>
Date: Wed, 2 Nov 2016 17:13:41 +0100
Subject: [PATCH] Documentation: insert electron-tabs.css

---
 README.md | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index cdf3de3..7042191 100644
--- a/README.md
+++ b/README.md
@@ -14,11 +14,13 @@ $ npm install --save electron-tabs
 
 ## Usage
 
-Add the following elements in the page HTML:
+Add the following elements to the app page:
 
 ```html
-<div class="etabs-tabs"></div>
-<div class="etabs-buttons"></div>
+<div class="etabs-tabgroup">
+    <div class="etabs-tabs"></div>
+    <div class="etabs-buttons"></div>
+</div>
 <div class="etabs-views"></div>
 ```
 
@@ -39,6 +41,12 @@ let tab = tabGroup.addTab({
 });
 ```
 
+If you don't want to write your own styles, you can also insert the sample electron-tabs stylesheet in the page header:
+
+```html
+<link rel="stylesheet" href="node_modules/electron-tabs/electron-tabs.css">
+```
+
 ## API
 
 ### Tab Group
@@ -141,7 +149,6 @@ The following events are available:
 * `tab.on("unflash", (tab) => { ... });`
 * `tab.on("close", (tab) => { ... });`
 
-
 ## License
 
 The MIT License (MIT) - Copyright (c) 2016 Thomas Brouard