diff --git a/src/_includes/icons/symbols/edit.svg b/src/_includes/icons/symbols/edit.svg
new file mode 100755
index 0000000000..e5b330753f
--- /dev/null
+++ b/src/_includes/icons/symbols/edit.svg
@@ -0,0 +1,5 @@
+
diff --git a/src/_includes/icons/symbols/plus.svg b/src/_includes/icons/symbols/plus.svg
new file mode 100755
index 0000000000..9c1b54bda9
--- /dev/null
+++ b/src/_includes/icons/symbols/plus.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/_layouts/home.html b/src/_layouts/home.html
index 5796ecd2c5..ac97f02931 100644
--- a/src/_layouts/home.html
+++ b/src/_layouts/home.html
@@ -46,7 +46,27 @@
{% include_cached navbar/nav.html %}
{% unless page.hide-sidebar %}
{% endunless %}
diff --git a/src/_layouts/page.html b/src/_layouts/page.html
index 716706463d..390939f6af 100644
--- a/src/_layouts/page.html
+++ b/src/_layouts/page.html
@@ -47,16 +47,32 @@
diff --git a/src/_sass/components/_button-hollow.scss b/src/_sass/components/_button-hollow.scss
index 180e4a0df8..c9515b524e 100644
--- a/src/_sass/components/_button-hollow.scss
+++ b/src/_sass/components/_button-hollow.scss
@@ -1,4 +1,12 @@
.button-hollow {
color: color(secondary);
padding: 12px 0;
+
+ &--gray {
+ color: color(gray-dark);
+ }
+
+ &--small {
+ padding: 8px 0;
+ }
}
diff --git a/src/_sass/components/_button.scss b/src/_sass/components/_button.scss
index a820a4abfe..981a99a40a 100644
--- a/src/_sass/components/_button.scss
+++ b/src/_sass/components/_button.scss
@@ -18,7 +18,15 @@
&__icon {
display: inline-block;
- vertical-align: middle;
+ vertical-align: text-bottom;
+ }
+
+ &__text {
+ padding-left: 3px;
+ }
+
+ &--xsmall {
+ font-size: 12px;
}
&--small {
@@ -27,6 +35,7 @@
line-height: 1.14;
padding: 9px 8px;
}
+
&--small-bordered {
font-size: 14px;
font-weight: 500;
@@ -48,6 +57,7 @@
&--expand {
width: 100%;
}
+
&--half {
width: 50%;
}
diff --git a/src/_sass/components/_sidebar.scss b/src/_sass/components/_sidebar.scss
index 896ff495f0..aad7b192f2 100644
--- a/src/_sass/components/_sidebar.scss
+++ b/src/_sass/components/_sidebar.scss
@@ -2,13 +2,13 @@
$this: &;
& > * + * {
- margin-top: 32px;
- padding-top: 32px;
- border-top: 1px solid color(border-gray);
+ margin-top: 15px;
+ padding-top: 15px;
+ border-top: 1px solid color(border-gray-dark);
}
& > * + *:last-child {
- padding-top: 32px;
+ padding-top: 15px;
}
&__content {