Tweak new inventory screen grid col responsiveness

1 files changed, 3 insertions, 3 deletions

diff --git a/app/views/characters/items/_inventory_section.html.erb b/app/views/characters/items/_inventory_section.html.erb
index 727e3a1..2abb62d 100644
--- a/app/views/characters/items/_inventory_section.html.erb
+++ b/app/views/characters/items/_inventory_section.html.erb
@@ -1,14 +1,14 @@
 <% if character_items.any? %>
   <h3 class="text-xl"><%= heading %></h3>
-  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5
+  <div class="grid grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5
               border border-gray-500 rounded p-2 my-2">
     <% character_items.each do |ci| %>
       <div class="my-1">
         <div class="flex items-center text-display">
           <div><%= link_to ci.item.name, item_path(ci.item) %></div>
-          <div class="text-sm border border-gray-500 rounded-lg mx-2 px-1 py-0.5">
+          <span class="text-sm border border-gray-500 rounded-lg mx-2 px-1 py-0.5">
             <%= ci.quantity %>
-          </div>
+          </span>
         </div>
         <div>
           <span class="text-xs italic"><%= truncate(ci.item.description) %></span>