buttons wariants

pages/_includes/layout/page-title.html

@@ -11,7 +11,9 @@
          </h2>
       </div>
       <div class="col-auto">
+         <span class="d-none d-sm-inline">
             {% include ui/button.html text="New view" color="secondary" icon="plus" %}
+         </span>
          {% include ui/button.html text="Create new report" color="primary" class="ml-3" %}
       </div>
    </div>

scss/_variables.scss

@@ -219,7 +219,7 @@ $input-height-sm: null !default;
 $input-height-lg: null !default;
 
 $btn-padding-x: 1rem !default;
-$btn-font-weight: 600 !default;
+$btn-font-weight: 500 !default;
 $btn-border-radius: 3px !default;
 
 //cards

scss/layout/_page.scss

 .page-title-box {
   min-height: 2.5rem;
-  margin: .75rem 0 2rem;
+  margin: .25rem 0 1.5rem;
 }
 
 .page-pretitle {

scss/ui/_buttons.scss

@@ -56,12 +56,7 @@
 }
 
 .btn-secondary {
-  @include button-variant(transparent, $border-color, #fff, $border-color);
-  color: $text-muted;
-
-  &:hover {
-    color: $text-muted;
-  }
+  @include button-variant(#fff, $border-color, $text-muted);
 }
 
 .btn-square {