WIP #217 in-line form for creating a new collection in SplitButtonCom…

…ponent

app/components/split_button_component.html.erb

@@ -48,8 +48,8 @@
               <% end %>
             <% end %>
             <div class="border-t border-gray-100"></div>
-            <%= form_for([@user, ::Collection.new(item_id: @item.id)], remote: true, class: "mt-1 flex rounded-md shadow-sm") do |form| %>
-              <%= form.text_field :name, required: true, placeholder: "Add to a new collection", class: "form-input block w-full rounded-none rounded-l-md pl-10 transition ease-in-out duration-150 sm:text-sm sm:leading-5" %>
+            <%= form_for([@user, ::Collection.new(item_id: @item.id)], remote: true, html: {class: "mt-1 flex rounded-md shadow-sm"}) do |form| %>
+              <%= form.text_field :name, required: true, placeholder: "Add to a new collection", class: "form-input block rounded-none rounded-l-md pl-1 pr-1 w-4/6 ml-1 transition ease-in-out duration-150 sm:text-xs sm:leading-5" %>
               <%= form.hidden_field :item_id %>
               <%= form.submit 'Save', class: "-ml-px relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm leading-5 font-medium rounded-r-md text-gray-700 bg-gray-50 hover:text-gray-500 hover:bg-white focus:outline-none focus:shadow-outline-blue focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150" %>
             <% end %>