From 5bb66cf30c3943f87aaf482af153469107e404fb Mon Sep 17 00:00:00 2001
From: Lisa Passing <mail@lislis.de>
Date: Mon, 16 Mar 2015 17:07:13 +0100
Subject: [PATCH] preparations

---
 app/styles/app/layout.sass          |  4 ++--
 app/styles/app/layouts/sidebar.sass |  0
 app/styles/app/modules/icons.sass   |  7 +++++++
 app/styles/app/modules/search.sass  | 10 +++++++++-
 app/templates/repos.hbs             |  2 +-
 public/images/svg/search.svg        | 13 +++++++++++++
 6 files changed, 32 insertions(+), 4 deletions(-)
 create mode 100644 app/styles/app/layouts/sidebar.sass
 create mode 100644 public/images/svg/search.svg

diff --git a/app/styles/app/layout.sass b/app/styles/app/layout.sass
index 3c2df105..aea15936 100644
--- a/app/styles/app/layout.sass
+++ b/app/styles/app/layout.sass
@@ -21,8 +21,8 @@
 
 #left
   padding: 0 0 110px 0
-  background-color: #fbfbfa
-  border-right: 1px solid $color-border-normal
+  background-color: $white
+  border-right: 2px solid #f2f2f2
 
 .duration_label
   display: inline-block
diff --git a/app/styles/app/layouts/sidebar.sass b/app/styles/app/layouts/sidebar.sass
new file mode 100644
index 00000000..e69de29b
diff --git a/app/styles/app/modules/icons.sass b/app/styles/app/modules/icons.sass
index 6a0a4058..a61501fa 100644
--- a/app/styles/app/modules/icons.sass
+++ b/app/styles/app/modules/icons.sass
@@ -122,7 +122,14 @@
 
 .icon-tab-arrow
   background-image: inline-image('svg/icon-tab-arrow.svg')
+.icon--search
+  background-image: inline-image('svg/search.svg')
 
+.icon--plus
+  &:after
+    content: "+"
+    font-size: 16px
+    color: #A6ADAD
 
 .icon-arrow-down
   width        : 0
diff --git a/app/styles/app/modules/search.sass b/app/styles/app/modules/search.sass
index fd0d988b..2b1bedd2 100644
--- a/app/styles/app/modules/search.sass
+++ b/app/styles/app/modules/search.sass
@@ -26,4 +26,12 @@
     size    : 16px 16px
   &:focus,
   &:active
-    box-shadow: 0 0 50% 1em
\ No newline at end of file
+    box-shadow: 0 0 50% 1em
+
+
+.search--sidebar
+  background-color: $white;
+  border: solid 1px #f2f2f2
+  color: #a6adad
+  font-size: 14px
+  height: 28px
\ No newline at end of file
diff --git a/app/templates/repos.hbs b/app/templates/repos.hbs
index f23932e2..950bf60b 100644
--- a/app/templates/repos.hbs
+++ b/app/templates/repos.hbs
@@ -1,4 +1,4 @@
-<div id="search_box">
+<div id="search_box" class="search search--sidebar">
   {{input value=controller.search placeholder="Search all repositories"}}
 </div>
 
diff --git a/public/images/svg/search.svg b/public/images/svg/search.svg
new file mode 100644
index 00000000..d6459bb2
--- /dev/null
+++ b/public/images/svg/search.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="8.333px" height="8.667px" viewBox="0 1 8.333 8.667" enable-background="new 0 1 8.333 8.667" xml:space="preserve">
+<path fill="#CCCCCC" d="M1,5.013c0-0.395,0.077-0.772,0.229-1.132c0.153-0.36,0.36-0.67,0.621-0.931S2.421,2.483,2.781,2.33
+	C3.141,2.177,3.518,2.1,3.913,2.1c0.394,0,0.771,0.077,1.131,0.229c0.36,0.153,0.67,0.36,0.931,0.621s0.467,0.571,0.621,0.931
+	c0.153,0.36,0.229,0.737,0.229,1.132c0,0.606-0.171,1.157-0.513,1.65l1.419,1.419c0.102,0.102,0.153,0.226,0.153,0.373
+	c0,0.143-0.052,0.267-0.157,0.372S7.498,8.984,7.354,8.984c-0.149,0-0.273-0.052-0.373-0.157L5.563,7.412
+	c-0.494,0.342-1.044,0.513-1.65,0.513c-0.395,0-0.772-0.077-1.132-0.229c-0.36-0.153-0.67-0.36-0.931-0.621S1.383,6.504,1.229,6.144
+	C1.077,5.784,1,5.407,1,5.013z M2.059,5.013c0,0.51,0.181,0.946,0.544,1.309s0.799,0.544,1.31,0.544s0.946-0.181,1.309-0.544
+	s0.544-0.799,0.544-1.309s-0.181-0.947-0.544-1.31S4.423,3.159,3.913,3.159S2.966,3.34,2.603,3.703S2.059,4.502,2.059,5.013z"/>
+</svg>