From 32086745a89a3d0c2dc2fa7317a2b6d89f489404 Mon Sep 17 00:00:00 2001
From: nelsonic <nelson+github@dwyl.com>
Date: Thu, 9 Feb 2023 10:54:19 +0000
Subject: [PATCH] move selected tags above tags selector #296

---
 lib/app_web/live/app_live.html.heex | 23 +++++++++++------------
 1 file changed, 11 insertions(+), 12 deletions(-)

diff --git a/lib/app_web/live/app_live.html.heex b/lib/app_web/live/app_live.html.heex
index 44e52d22..bf77a791 100644
--- a/lib/app_web/live/app_live.html.heex
+++ b/lib/app_web/live/app_live.html.heex
@@ -32,6 +32,17 @@
       resize"
       x-on:input="resize"
     ><%= @text_value %></textarea>
+    <!-- Display the selected tags -->
+    <div class="">
+      <%= for selected_tag <- @selected_tags do %>
+        <span
+          class="text-white font-bold py-1 px-2 rounded-full ml-2"
+          style={"background-color:#{selected_tag.color}"}
+        >
+          <%= selected_tag.text %>
+        </span>
+      <% end %>
+    </div>
     <!-- Select Input -->
     <div
       class="lg:w-1/2 "
@@ -97,18 +108,6 @@
       </div>
     </div>
     <!-- End Select Input -->
-
-    <!-- Display the selected tags -->
-    <div class="">
-      <%= for selected_tag <- @selected_tags do %>
-        <span
-          class="text-white font-bold py-1 px-2 rounded-full ml-2"
-          style={"background-color:#{selected_tag.color}"}
-        >
-          <%= selected_tag.text %>
-        </span>
-      <% end %>
-    </div>
     <!-- Want to help "DRY" this? see: https://github.com/dwyl/app-mvp-phoenix/issues/105 -->
     <!-- https://tailwindcss.com/docs/justify-content#end -->
     <div class="flex justify-end mr-1">