fix edit button style

Author: markzegarelli

src/_includes/sidebar/edit-tools.html

@@ -1,11 +1,11 @@
 <div>
-  <a href="https://github.com/segmentio/segment-docs/edit/master/src/{{ page.path }}" class="button button-hollow button-hollow--small button-hollow--gray button--xsmall flex" target="_blank">
+  <a href="https://github.com/segmentio/segment-docs/edit/master/src/{{ page.path }}" class="button edit flex" target="_blank">
     <span class="button__icon">{% include icons/symbols/edit.svg %}</span>
 
     <span class="button__text">Edit this page</span>
   </a>
 
-  <a href="https://github.com/segmentio/segment-docs/issues/new?body=File:%20[{{ page.path }}](https://segment.com/docs/)" class="button button-hollow button-hollow--small button-hollow--gray button--xsmall" target="_blank">
+  <a href="https://github.com/segmentio/segment-docs/issues/new?body=File:%20[{{ page.path }}](https://segment.com/docs/)" class="button edit"  target="_blank">
     <span class="button__icon">{% include icons/symbols/plus.svg %}</span>
 
     <span class="button__text">Request docs change</span>

src/_sass/components/_button.scss

@@ -9,7 +9,7 @@
   border-radius: 4px;
   cursor: pointer;
 
-  @include breakpoint(medium up)  {
+  @include breakpoint(medium up) {
     padding: 8px 16px;
   }
 
@@ -23,8 +23,8 @@
 
   &__icon {
     vertical-align: middle;
-    
-    & > svg {
+
+    &>svg {
       max-width: 12px;
       max-height: 12px;
     }
@@ -34,3 +34,9 @@
     width: 100%;
   }
 }
+
+.edit {
+  padding: 8px 0px;
+  text-align: left;
+  color: #8f95b2;
+}