X-Git-Url: http://source.bookstackapp.com/bookstack/blobdiff_plain/9bd5d6a4224afb95fe2a5e1827d587b82dc23b29..refs/pull/806/head:/resources/assets/sass/_buttons.scss

diff --git a/resources/assets/sass/_buttons.scss b/resources/assets/sass/_buttons.scss
index f9c6d9b9a..2c20c3f41 100644
--- a/resources/assets/sass/_buttons.scss
+++ b/resources/assets/sass/_buttons.scss
@@ -2,6 +2,7 @@
 @mixin generate-button-colors($textColor, $backgroundColor) {
   background-color: $backgroundColor;
   color: $textColor;
+  fill: $textColor;
   text-transform: uppercase;
   border: 1px solid $backgroundColor;
   vertical-align: top;
@@ -64,6 +65,7 @@ $button-border-radius: 2px;
 .button.outline {
   background-color: transparent;
   color: #888;
+  fill: #888;
   border: 1px solid #DDD;
   &:hover, &:focus, &:active {
     box-shadow: none;
@@ -72,25 +74,31 @@ $button-border-radius: 2px;
   &.page {
     border-color: $color-page;
     color: $color-page;
+    fill: $color-page;
     &:hover, &:focus, &:active {
       background-color: $color-page;
       color: #FFF;
+      fill: #FFF;
     }
   }
   &.chapter {
     border-color: $color-chapter;
     color: $color-chapter;
+    fill: $color-chapter;
     &:hover, &:focus, &:active {
       background-color: $color-chapter;
       color: #FFF;
+      fill: #FFF;
     }
   }
   &.book {
     border-color: $color-book;
     color: $color-book;
+    fill: $color-book;
     &:hover, &:focus, &:active {
       background-color: $color-book;
       color: #FFF;
+      fill: #FFF;
     }
   }
 }
@@ -138,8 +146,8 @@ $button-border-radius: 2px;
 }
 
 .button.icon {
-  i {
-    padding-right: 0;
+  .svg-icon {
+    margin-right: 0;
   }
 }
 
@@ -150,6 +158,7 @@ $button-border-radius: 2px;
     left: $-m;
     top: $-s - 2px;
     width: 24px;
+    height: 24px;
   }
   padding: $-s $-m;
   padding-bottom: $-s - 2px;