Move item description into header

app/assets/stylesheets/items/_show.sass

@@ -6,22 +6,12 @@ body.items-show
   .item-header
     +item-header
 
-  #item-info-section
-    display: grid
-
-    grid-template-areas: "info form"
-    grid-template-columns: 1fr auto
-
-    #item-info
-      grid-area: info
-
   #your-items-form
-      grid-area: form
-
     border: 1px solid $module-border-color
     font-size: 85%
-      margin-bottom: 3em
-      margin-left: 1em
+    margin-bottom: 2em
+    margin-left: auto
+    margin-right: auto
     padding: 1em
     width: 30em
 

app/assets/stylesheets/partials/_item_header.sass

@@ -2,11 +2,10 @@
 
 =item-header
   border-bottom: 1px solid $module-border-color
+  margin-top: 1em
   margin-bottom: 1em
 
   .item-header-main
-    padding: 1em 0
-
     display: grid
     grid-template-areas: "img gap1" "img name" "img links" "img gap2" "nav nav"
     align-items: center
@@ -36,6 +35,10 @@
         font-size: 75%
         margin-left: 1em
 
+  .item-description
+    margin-top: .5em
+    margin-bottom: 1em
+
   .item-subpages-nav
     display: flex
     align-items: flex-end

app/views/items/_item_header.haml

@@ -21,6 +21,8 @@
         = link_to t('items.show.resources.trading_post'), trading_post_url_for(item)
         = link_to t('items.show.resources.auction_genie'), auction_genie_url_for(item)
 
+  %p.item-description= @item.description
+
   %nav.item-subpages-nav
     = link_to t('items.show.subpages_nav.preview'), item,
       class: ['preview-link'], 'data-is-current' => current_subpage == 'preview'

app/views/items/show.html.haml

@@ -4,10 +4,6 @@
 = render partial: "item_header",
   locals: {item: @item, trades: @trades, current_subpage: "preview"}
 
-%section#item-info-section
-  #item-info
-    %p= @item.description
-
 - if user_signed_in?
   #your-items-form
     %h3