feat: Add notes for Contacts (#3273)

Fixes #2275

app/javascript/dashboard/assets/scss/_foundation-custom.scss

@@ -9,7 +9,7 @@
 
 .card {
   margin-bottom: var(--space-small);
-  padding: var(--space-small);
+  padding: var(--space-normal);
 }
 
 .button-wrapper .button.link.grey-btn {

app/javascript/dashboard/assets/scss/_helper-classes.scss

@@ -55,6 +55,10 @@
   justify-content: space-between;
 }
 
-.w-100 {
+.w-full {
   width: 100%;
 }
+
+.h-full {
+  height: 100%;
+}

app/javascript/dashboard/assets/scss/_utility-helpers.scss

@@ -1,3 +1,44 @@
 .margin-right-small {
   margin-right: var(--space-small);
 }
+
+.fs-small {
+  font-size: var(--font-size-small);
+}
+
+.fs-default {
+  font-size: var(--font-size-default);
+}
+
+.fw-medium {
+  font-weight: var(--font-weight-medium);
+}
+
+.p-normal {
+  padding: var(--space-normal);
+}
+
+.overflow-scroll {
+  overflow: scroll;
+}
+
+.overflow-auto {
+  overflow: auto;
+}
+
+.overflow-hidden {
+  overflow: hidden;
+}
+
+
+.border-right {
+  border-right: 1px solid var(--color-border);
+}
+
+.border-left {
+  border-left: 1px solid var(--color-border);
+}
+
+.bg-white {
+  background-color: var(--white);
+}

app/javascript/dashboard/assets/scss/_woot.scss

@@ -14,7 +14,6 @@
 @import 'helper-classes';
 @import 'formulate';
 @import 'date-picker';
-@import 'utility-helpers';
 
 @import 'foundation-sites/scss/foundation';
 @import '~bourbon/core/bourbon';
@@ -50,3 +49,4 @@
 @import 'plugins/multiselect';
 @import 'plugins/dropdown';
 @import '~shared/assets/stylesheets/ionicons';
+@import 'utility-helpers';

app/javascript/dashboard/assets/scss/widgets/_reports.scss

@@ -21,10 +21,6 @@
   border: 1px solid var(--color-border);
 }
 
-.margin-right-small {
-  margin-right: var(--space-small);
-}
-
 .display-flex {
   display: flex;
 }