From 326e31b6a100070f6ab5b32f8b81fdf7c0e229f6 Mon Sep 17 00:00:00 2001
From: Justine Arreche <justinearreche@gmail.com>
Date: Tue, 28 Oct 2014 12:37:33 +0100
Subject: [PATCH] svg icons

---
 assets/images/icons/finished.svg            | 31 +++++++++++++++++++++
 assets/images/icons/run-time.svg            | 15 ++++++++++
 assets/scripts/app/templates/repos/show.hbs |  8 ++++--
 assets/styles/main/repository.sass          |  9 ++++--
 assets/styles/main/tools.sass               |  8 +++---
 5 files changed, 62 insertions(+), 9 deletions(-)
 create mode 100644 assets/images/icons/finished.svg
 create mode 100644 assets/images/icons/run-time.svg

diff --git a/assets/images/icons/finished.svg b/assets/images/icons/finished.svg
new file mode 100644
index 00000000..5e2b2781
--- /dev/null
+++ b/assets/images/icons/finished.svg
@@ -0,0 +1,31 @@
+<?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="10px" height="10px" viewBox="0 0 10 10" enable-background="new 0 0 10 10" xml:space="preserve">
+<g>
+	<g>
+		<path fill="#818181" d="M8.213,0.844h-0.56V0.482C7.653,0.216,7.438,0,7.17,0C6.904,0,6.688,0.216,6.688,0.482v0.362H5.08V0.482
+			C5.08,0.216,4.863,0,4.596,0C4.33,0,4.114,0.216,4.114,0.482v0.362H2.516V0.482C2.516,0.216,2.3,0,2.033,0
+			C1.766,0,1.55,0.216,1.55,0.482v0.362H1.001C0.448,0.844,0,1.293,0,1.846v7.153C0,9.553,0.448,10,1.001,10h7.212
+			c0.553,0,1-0.447,1-1.001V1.846C9.213,1.293,8.766,0.844,8.213,0.844z M8.226,8.916H0.987V1.921H1.55v0.331
+			c0,0.267,0.216,0.483,0.482,0.483c0.267,0,0.483-0.216,0.483-0.483V1.921h1.599v0.331c0,0.267,0.216,0.483,0.482,0.483
+			c0.267,0,0.483-0.216,0.483-0.483V1.921h1.609v0.331c0,0.267,0.216,0.483,0.481,0.483c0.268,0,0.483-0.216,0.483-0.483V1.921
+			h0.572V8.916z"/>
+	</g>
+	<g>
+		<g>
+			<path fill="#818181" d="M3.006,4.975c0-0.153-0.122-0.249-0.27-0.212L2.7,4.772c-0.147,0.037-0.3-0.055-0.338-0.204L2.347,4.513
+				C2.31,4.365,2.398,4.209,2.544,4.165L2.962,4.04C3.108,3.996,3.34,3.96,3.476,3.96c0.136,0,0.248,0.125,0.248,0.278v2.773
+				c0,0.153-0.125,0.277-0.278,0.277H3.283c-0.153,0-0.277-0.124-0.277-0.277V4.975z"/>
+		</g>
+		<g>
+			<path fill="#818181" d="M4.337,6.992c0-0.154,0.097-0.358,0.215-0.455l0.67-0.549c0.118-0.098,0.308-0.261,0.42-0.363
+				c0,0,0.367-0.333,0.367-0.607c0-0.278-0.185-0.43-0.444-0.43c-0.255,0-0.43,0.142-0.676,0.444L4.594,4.796
+				C4.476,4.7,4.464,4.53,4.568,4.418c0,0,0.452-0.481,1.043-0.481c0.685,0,1.139,0.401,1.139,1.02l0,0
+				c0,0.005-0.041,0.127-0.091,0.272c0,0-0.192,0.564-0.779,1.017L5.563,6.492c-0.122,0.093-0.097,0.17,0.057,0.17h0.885
+				c0.153,0,0.278,0.124,0.278,0.277v0.072c0,0.153-0.125,0.277-0.278,0.277h-1.89c-0.153,0-0.278-0.124-0.278-0.277V6.992z"/>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/assets/images/icons/run-time.svg b/assets/images/icons/run-time.svg
new file mode 100644
index 00000000..c1acf337
--- /dev/null
+++ b/assets/images/icons/run-time.svg
@@ -0,0 +1,15 @@
+<?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="10px" height="10px" viewBox="0 0 10 10" enable-background="new 0 0 10 10" xml:space="preserve">
+<g>
+	<path fill="#818181" d="M4.99,0C2.235,0,0,2.235,0,4.99c0,2.755,2.235,4.99,4.99,4.99c2.755,0,4.99-2.234,4.99-4.99
+		C9.979,2.235,7.745,0,4.99,0z M4.99,8.732c-2.062,0-3.742-1.68-3.742-3.743c0-2.062,1.68-3.742,3.742-3.742
+		c2.063,0,3.743,1.68,3.743,3.742C8.732,7.053,7.053,8.732,4.99,8.732z"/>
+	<path fill="#818181" d="M7.412,6.107L5.437,4.774V2.48c0-0.056-0.022-0.108-0.062-0.147C5.336,2.295,5.284,2.271,5.229,2.271H4.683
+		c-0.056,0-0.108,0.023-0.147,0.062C4.497,2.373,4.476,2.424,4.476,2.48V5.19c0,0.055,0.021,0.108,0.061,0.146
+		C4.552,5.354,4.57,5.365,4.589,5.375l2.3,1.541c0.035,0.022,0.074,0.035,0.114,0.035c0.016,0,0.03-0.001,0.046-0.006
+		c0.054-0.012,0.102-0.044,0.131-0.092l0.29-0.464C7.529,6.296,7.503,6.171,7.412,6.107z"/>
+</g>
+</svg>
diff --git a/assets/scripts/app/templates/repos/show.hbs b/assets/scripts/app/templates/repos/show.hbs
index 90c5f533..cc9b0b2a 100644
--- a/assets/scripts/app/templates/repos/show.hbs
+++ b/assets/scripts/app/templates/repos/show.hbs
@@ -9,9 +9,11 @@
           <div class="github-icon"><a {{bind-attr href="controller.urlGithub"}}><img src="/images/icons/github.svg" width="21" height="21"/></a></div>
           {{view Travis.RepoShowToolsView}}
 
-          <a href="#" id="status-image-popup" name="status-images" class="open-popup" {{action "statusImages" target="view"}}>
-          <img {{bind-attr src="view.statusImageUrl"}} title="Build Status Images"/>
-          </a>
+          <div class="status-image">
+            <a href="#" id="status-image-popup" name="status-images" class="open-popup" {{action "statusImages" target="view"}}>
+            <img {{bind-attr src="view.statusImageUrl"}} title="Build Status Images"/>
+            </a>
+          </div>
         </div>
 
         <p class="description">{{description}}</p>
diff --git a/assets/styles/main/repository.sass b/assets/styles/main/repository.sass
index 0343480b..dff0150c 100644
--- a/assets/styles/main/repository.sass
+++ b/assets/styles/main/repository.sass
@@ -10,9 +10,14 @@
     display: inline-block
     margin-right: 5px
 
-  a#status-image-popup
+  .status-image
+    width: 90px
+    height: 25px
     display: inline-block
-    opacity: 1.0
+    
+    a#status-image-popup
+      display: inline-block
+      opacity: 1.0
 
   .github-icon
     width: 21px
diff --git a/assets/styles/main/tools.sass b/assets/styles/main/tools.sass
index b3d34ed4..5afee560 100644
--- a/assets/styles/main/tools.sass
+++ b/assets/styles/main/tools.sass
@@ -77,8 +77,8 @@
 
     a
       display: inline-block
-      width: 28px
-      height: 28px
+      width: 27px
+      height: 27px
       position: relative
       top: -7px
       cursor: pointer
@@ -89,8 +89,8 @@
       margin-left: 5px
 
       img
-        width: 15px
-        height: 15px
+        width: 16px
+        height: 16px
         margin-top: 6px
         margin-left: 0px