From 6bddebede3cb24da0449e11910bd18a482861401 Mon Sep 17 00:00:00 2001
From: Corey Johnson & Kevin Sawicki <cj+kevin@github.com>
Date: Thu, 31 Jan 2013 10:56:08 -0800
Subject: [PATCH] Show folding icon in gutter instead of end of line

Closes #211
---
 themes/Atom - Dark/editor.css  | 17 +++++++++--------
 themes/Atom - Light/editor.css | 17 +++++++++--------
 2 files changed, 18 insertions(+), 16 deletions(-)

diff --git a/themes/Atom - Dark/editor.css b/themes/Atom - Dark/editor.css
index 533dca1b5..e80ff930a 100644
--- a/themes/Atom - Dark/editor.css	
+++ b/themes/Atom - Dark/editor.css	
@@ -18,7 +18,7 @@
 }
 
 .editor .gutter .line-number {
-  padding-right: 1.3em;
+  padding-right: .5em;
   min-width: 35px;
   box-sizing: border-box;
   text-align: right;
@@ -53,16 +53,17 @@
   opacity: 1;
 }
 
-.editor .fold-marker:before {
-  content: '\f060';
-  -webkit-transform: rotate(90deg);
+.editor .gutter .line-number:after {
+  font-size: 0.8em;
+  content: '\f078';
   font-family: 'Octicons Regular';
-  display: inline-block;
-  margin-left: .3em;
-  margin-top: .1em;
-  line-height: .8em;
   -webkit-font-smoothing: antialiased;
   color: #fba0e3;
+  visibility: hidden;
+}
+
+.editor .gutter .line-number.fold:after {
+  visibility: visible;
 }
 
 .editor .invisible {
diff --git a/themes/Atom - Light/editor.css b/themes/Atom - Light/editor.css
index ac4a98014..7a58eacfd 100644
--- a/themes/Atom - Light/editor.css	
+++ b/themes/Atom - Light/editor.css	
@@ -21,7 +21,7 @@
 }
 
 .editor .gutter .line-number {
-  padding-right: 1.3em;
+  padding-right: .5em;
   min-width: 35px;
   box-sizing: border-box;
   text-align: right;
@@ -56,16 +56,17 @@
   opacity: 1;
 }
 
-.editor .fold-marker:before {
-  content: '\f060';
-  -webkit-transform: rotate(90deg);
+.editor .gutter .line-number:after {
+  font-size: 0.8em;
+  content: '\f078';
   font-family: 'Octicons Regular';
-  display: inline-block;
-  margin-left: .3em;
-  margin-top: .1em;
-  line-height: .8em;
   -webkit-font-smoothing: antialiased;
   color: #fba0e3;
+  visibility: hidden;
+}
+
+.editor .gutter .line-number.fold:after {
+  visibility: visible;
 }
 
 .editor .invisible {