Adjust budget phases link design

Co-Authored-By: decabeza <alberto@decabeza.es>
2020-03-15 06:51:52 +01:00
parent f51462364b
commit 0ef38b5958
1 changed files with 12 additions and 1 deletions
--- a/app/assets/stylesheets/budgets/phases.scss
+++ b/app/assets/stylesheets/budgets/phases.scss
@@ -179,6 +179,8 @@
  }

  .budget-phase {
+    margin-top: $line-height;
+
    @include breakpoint(medium) {
      @include grid-row-nest;

@@ -193,8 +195,17 @@
    }

    .main-link {
+      @include has-fa-icon(chevron-right, solid, "after");
      @include regular-button;
-      font-size: 1.1rem;
+      font-size: map-get($button-sizes, large);
+      margin-top: $line-height;
+      padding-right: 0.5em;
+
+      &::after {
+        font-weight: bold;
+        margin-left: 0.5em;
+        margin-right: 0;
+      }
    }
  }
 }