From 083d7aed5c96c1272e4fc0a54d5c2a816ffbf617 Mon Sep 17 00:00:00 2001
From: Michael Lange <dingoeatingfuzz@gmail.com>
Date: Wed, 16 Jan 2019 16:40:26 -0800
Subject: [PATCH] Add the right-alignment case to freestyle

---
 .../components/freestyle/sg-multi-select-dropdown.hbs  | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/ui/app/templates/components/freestyle/sg-multi-select-dropdown.hbs b/ui/app/templates/components/freestyle/sg-multi-select-dropdown.hbs
index 2f5b18385..99012cce8 100644
--- a/ui/app/templates/components/freestyle/sg-multi-select-dropdown.hbs
+++ b/ui/app/templates/components/freestyle/sg-multi-select-dropdown.hbs
@@ -9,6 +9,16 @@
   A wrapper around basic-dropdown for creating a list of checkboxes and tracking the state thereof.
 {{/freestyle-annotation}}
 
+{{#freestyle-usage "multi-select-right-aligned" title="Multi-select dropdown right-aligned"}}
+  <div style="display:flex; justify-content:flex-end">
+    {{multi-select-dropdown
+      label="Example right-aligned Dropdown"
+      options=options1
+      selection=selection1
+      onSelect=(action (mut selection1))}}
+  </div>
+{{/freestyle-usage}}
+
 {{#freestyle-usage "multi-select-dropdown-may" title="Multi-select dropdown with many options"}}
   {{multi-select-dropdown
     label="Lots of options in here"