From 4cb566413ea280d913b5adb0bcba553b48dc13d1 Mon Sep 17 00:00:00 2001
From: Severyn Kozak <severyn.kozak@gmail.com>
Date: Sun, 18 May 2014 11:14:02 -0400
Subject: [PATCH] Style the sidebar; prepare for CSS onclick.

Add:
    static/sass/index.sass
        -Style `div#sidebar` contents.
---
 static/sass/index.sass | 33 +++++++++++++++++++++++++++++++--
 templates/index.html   |  8 ++++++--
 2 files changed, 37 insertions(+), 4 deletions(-)

diff --git a/static/sass/index.sass b/static/sass/index.sass
index fec4970..243d73f 100644
--- a/static/sass/index.sass
+++ b/static/sass/index.sass
@@ -110,7 +110,8 @@ div#search-field
                 height: 26px
 
         div#advanced-search
-            background-color: red
+            background-color: white
+            border: 1px solid $baseColor3
             padding-top: 0px
             overflow: auto
 
@@ -121,9 +122,37 @@ div#search-field
                 float: left
 
             #sidebar
-                background-color: yellow
+                padding-left: 1%
                 width: 20%
 
+                *
+                    font-size: 95%
+
+                >div
+                    color: $baseColor2
+                    font-size: 107%
+                    padding-top: 5%
+
+                >ul
+                    list-style: none
+                    padding-left: 0
+                    margin-bottom: 8%
+                    margin-top: 2%
+
+                    li button
+                        background-color: #F1F1F1
+                        border: none
+                        width: 80%
+
+                        &.clicked, &:hover
+                            @extend .t2
+
+                            background-color: $baseColor1
+                            color: white
+                            width: 90%
+
+                >button#add-group
+
             #search-groups
                 background-color: blue
                 width: 80%
diff --git a/templates/index.html b/templates/index.html
index c252499..979e09a 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -35,7 +35,9 @@
 
       <div id="advanced-search">
         <div id="sidebar">
-          <div>Fields</div>
+          <div>
+            Fields
+          </div>
           <ul>
             <li><button id="language">languages</button></li>
             <li><button id="author">authors</button></li>
@@ -47,8 +49,10 @@
             <li><button id="variable">variables</button></li>
           </ul>
           <button id="add-group">
-            Add group.
+            +
           </button>
+          <div>
+          </div>
         </div>
         <div id="search-groups">
           <div class="search-group">Hello, world.</div>