Adds action-minor component

src/sass/components/action-minor.scss

@@ -0,0 +1,23 @@
+.action-minor {
+  margin: 20px 14px;
+  font-size: 14px;
+
+  &.mt-negative {
+    margin-top: -10px;
+  }
+
+  &.right {
+    text-align: right;
+  }
+
+  > .action-icon {
+    width: 15px;
+    height: 15px;
+    vertical-align: middle;
+    margin-right: 3px;
+  }
+
+  > .action-text {
+    vertical-align: middle;
+  }
+}

src/sass/components/components.scss

@@ -3,3 +3,4 @@
 @import "item";
 @import "ion-content";
 @import "address";
+@import "action-minor";

www/css/main.css

@@ -15171,6 +15171,21 @@ ion-content.padded-bottom-cta {
   .address .suffix {
     color: #000000; }
 
+.action-minor {
+  margin: 20px 14px;
+  font-size: 14px; }
+  .action-minor.mt-negative {
+    margin-top: -10px; }
+  .action-minor.right {
+    text-align: right; }
+  .action-minor > .action-icon {
+    width: 15px;
+    height: 15px;
+    vertical-align: middle;
+    margin-right: 3px; }
+  .action-minor > .action-text {
+    vertical-align: middle; }
+
 /* This is for rules that don't yet have a home.
  * Our goal is to delete this file. Search the regex: /class=".*CLASS.*?"/
  */

www/img/icon-bookmark.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11.25 15">
+  <path id="_ionicons_svg_md-bookmark" d="M121.688,64h-8.125A1.567,1.567,0,0,0,112,65.563V79l5.625-2.5L123.25,79V65.563A1.567,1.567,0,0,0,121.688,64Z" transform="translate(-112 -64)"/>
+</svg>

www/views/review.html

@@ -57,6 +57,10 @@
           </div>
         </div>
       </div>
+      <div class="action-minor mt-negative right">
+        <img src="img/icon-bookmark.svg" class="action-icon">
+        <span class="action-text">Add a personal note</span>
+      </div>
     </div>
   </ion-content>
   <click-to-accept