pulitzer 0.12.5 → 0.13.0

data/app/views/pulitzer/free_form_section_types/_show_wrapper.html.erb

@@ -1,3 +1,3 @@
-<li id="<%= dom_id(ffst) %>">
+<div class="pulitzer-row" id="<%= dom_id(ffst) %>">
   <%= render partial: '/pulitzer/free_form_section_types/show', locals: {ffst: ffst} %>
-</li>
+</div>

data/app/views/pulitzer/justification_styles/_form.html.erb

@@ -0,0 +1,14 @@
+<div class="pulitzer-row">
+  <%= render 'pulitzer/shared/error_messages', object: justification_style %>
+  <%= form_for justification_style, html: ajax_form_hash(dom_target(justification_style)) do |f| %>
+    <%= render partial: 'form_fields', locals: { f: f, justification_style: justification_style } %>
+    <div class="pulitzer-span ten-percent">
+      <%= f.submit "Update" %>
+    </div>
+    <div class="pulitzer-span ten-percent">
+      <%= link_to('Cancel', justification_style_path(justification_style), :class => 'button',
+        data: { ajax_link: true, ajax_target: dom_target(justification_style) } ) %>
+    </div>
+  <% end %>
+
+</div>

data/app/views/pulitzer/justification_styles/_form_fields.html.erb

@@ -0,0 +1,6 @@
+<div class="pulitzer-span one-fifth">
+  <%= f.text_field :display_name %>
+</div>
+<div class="pulitzer-span one-fifth">
+  <%= f.text_field :css_class_name %>
+</div>

data/app/views/pulitzer/justification_styles/_new.html.erb

@@ -0,0 +1,12 @@
+<div class="pulitzer-row">
+  <%= form_for justification_style, html: ajax_form_hash(dom_target(justification_style.post_type, :justification_styles_container), insert_method: 'append', reset_on_success: true) do |f| %>
+    <%= f.hidden_field :post_type_id %>
+    <%= render partial: 'form_fields', locals: { f: f, justification_style: justification_style } %>
+    <div class="pulitzer-span ten-percent">
+      <%= f.submit "Create", data: {disable_with: false} %>
+    </div>
+    <div class="pulitzer-span ten-percent">
+      <a class="button" data-emptier="true" data-target="<%= dom_target(justification_style.post_type, :new_justification_style) %>">Close</a>
+    </div>
+  <% end %>
+</div>

data/app/views/pulitzer/justification_styles/_show.html.erb

@@ -0,0 +1,10 @@
+<div class="pulitzer-row">
+  <div class="pulitzer-span one-fifth"><%= justification_style.display_name %></div>
+  <div class="pulitzer-span one-fifth"><%= justification_style.css_class_name %></div>
+  <div class="pulitzer-span ten-percent">
+    <%= ajax_link "Edit", edit_justification_style_path(justification_style), {}, dom_target(justification_style) %>
+  </div>
+  <div class="pulitzer-span ten-percent">
+    <%= ajax_delete 'Delete', justification_style_path(justification_style), {}, dom_target(justification_style) %>
+  </div>
+</div>

data/app/views/pulitzer/justification_styles/_show_wrapper.html.erb

@@ -0,0 +1,3 @@
+<div class="pulitzer-row" id="<%= dom_id(justification_style) %>">
+  <%= render partial: '/pulitzer/justification_styles/show', locals: {justification_style: justification_style} %>
+</div>

data/app/views/pulitzer/partial_types/_index.html.erb

@@ -1,4 +1,4 @@
-<div id="<%= dom_id ffst, :partial_container %>" data-sorter href="<%= update_all_partial_types_path %>">
+<div id="<%= dom_id ffst, :partial_container %>" >
   <% @ffst.partial_types.each do |partial_type| %>
     <%= render partial: '/pulitzer/partial_types/show_wrapper', locals: { partial_type: partial_type } %>
   <% end %>
@@ -6,7 +6,7 @@
 
 <div id="<%= dom_id ffst, :partials %>">
   <div class="pulitzer-row margin-bottom list-item">
-    <%= ajax_link "add a new partial for #{ffst.name}", new_partial_type_path({ffst_id: ffst}), {}, dom_target(ffst, :new_partial) %>
+    <%= ajax_link "add a new required partial for #{ffst.name}", new_partial_type_path({ffst_id: ffst}), {}, dom_target(ffst, :new_partial) %>
     <div id="<%= dom_id(ffst, :new_partial) %>"></div>
   </div>
 </div>

data/app/views/pulitzer/partial_types/_new.html.erb

@@ -1,20 +1,9 @@
 <%= render 'pulitzer/shared/error_messages', object: partial_type %>
 <%= form_for partial_type, html: ajax_form_hash(dom_target(partial_type.free_form_section_type, :partial_container), insert_method: 'append', empty_on_success: dom_target(partial_type.free_form_section_type, :new_partial)) do |f| %>
   <%= f.hidden_field :free_form_section_type_id %>
-  <%= f.label :label %>
-  <%= f.text_field :label %>
   <%= f.label :post_type_id, 'Partial Type' %>
   <%= f.collection_select :post_type_id, Pulitzer::PostType.partials, :id, :name, {}, revealer(dom_id(partial_type.free_form_section_type, :new_partial_type), highlander: true) %>
-  <div <%= revealer_target_attrs(dom_id(partial_type.free_form_section_type, :new_partial_type)) %>>
-    <% Pulitzer::PostType.partials.each do |post_type| %>
-      <div <%= revealer_option_attrs(dom_id(partial_type.free_form_section_type, :new_partial_type), trigger: post_type.id) %>>
-        <%= f.label :layout_id, 'Layout' %>
-        <%= f.collection_select :layout_id, post_type.layouts, :id, :name, {}, {} %>
-      </div>
-    <% end %>
-  </div>
 
   <%= submit_tag "Create" %>
-  <%= link_to('Cancel', '#', :class => 'button',
-    data: { emptier: true, target: dom_target(partial_type.free_form_section_type, :new_partial) } ) %>
+  <a class="button" data-emptier="true" data-target="<%= dom_target(partial_type.free_form_section_type, :new_partial) %>">Close</a>
 <% end %>

data/app/views/pulitzer/partial_types/_show.html.erb

@@ -1,6 +1,16 @@
-<div class="pulitzer-row">
-  <div class="pulitzer-span margin"><h5><%= partial_type.label %></h5></div>
-  <div class="pulitzer-span match-h5"><%= partial_type.folder_path %>/</div>
-  <div class="pulitzer-span margin match-h5"><%= partial_type.template_path %></div>
-  <div class="pulitzer-span match-h5"><%= ajax_link 'edit', edit_partial_type_path(partial_type), {}, dom_target(partial_type) %></div>
+<div class="pulitzer-span one-fifth empty padding">&nbsp;</div>
+<div class="pulitzer-span one-fifth empty margin">
+  <% if partial_type.first? %>
+    <a data-emptier="true" data-target="<%= dom_target(partial_type.free_form_section_type, :associations_container) %>">close required partials</a>
+  <% else %>
+    &nbsp;
+  <% end %>
 </div>
+<div class="pulitzer-span one-fifth margin">
+  <div class="pulitzer-row">
+    <div class="pulitzer-span"><%= partial_type.post_type.name %></div>
+    <div class="pulitzer-span right"><%= ajax_delete 'ⓧ', partial_type_path(partial_type), {}, dom_target(partial_type) %></div>
+  </div>
+</div>
+<div class="pulitzer-span one-fifth empty">&nbsp;</div>
+<div class="pulitzer-span one-fifth empty padding">&nbsp;</div>

data/app/views/pulitzer/partial_types/_show_wrapper.html.erb

@@ -1,3 +1,3 @@
-<div class="pulitzer-row margin-bottom list-item" id="<%= dom_id(partial_type) %>">
+<div class="pulitzer-row" id="<%= dom_id(partial_type) %>">
   <%= render partial: '/pulitzer/partial_types/show', locals: { partial_type: partial_type } %>
 </div>

data/app/views/pulitzer/partials/_form.html.erb

@@ -1,19 +1,37 @@
 <div class="pulitzer-row">
-  <div class="pulitzer-span margin"><h5><%= partial.name %></h5></div>
   <div class="pulitzer-span right">
     <%= render partial: '/pulitzer/shared/drag_handle' %>
   </div>
 </div>
 <%= render 'pulitzer/shared/error_messages', object: partial %>
-<%= form_for partial, html: ajax_form_hash(dom_target(partial)), multipart: true,
-  data: { server_endpoint: partial_path(partial) } do |f| %>
-  <%= f.label :label %>
-  <%= f.text_field :label %>
-  <%= f.label :layout_id, 'Layout' %>
-  <%= f.collection_select :layout_id, partial.available_layouts, :id, :name, {}, {} %>
-  <%= submit_tag "Update" %>
-  <%= link_to('Cancel', partial_path(partial), :class => 'button',
-    data: { ajax_link: true, ajax_target: dom_target(partial) } ) %>
-    or
-  <%= ajax_delete 'delete', partial_path(partial), {class: 'button'}, dom_target(partial) %>
-<% end %>
+<div class="pulitzer-row">
+  <%= form_for partial, html: ajax_form_hash(dom_target(partial)), multipart: true,
+    data: { server_endpoint: partial_path(partial) } do |f| %>
+    <div class="pulitzer-span one-fifth">
+      <%= f.text_field :label %>
+    </div>
+    <div class="pulitzer-span <%= partial.available_arrangements.any? ? 'ten-percent' : 'one-fifth' %>"><%= partial.folder_path %>/<%= partial.available_arrangements.empty? ? partial.template_path : '' %></div>
+    <% if partial.available_arrangements.any? %>
+      <div class="pulitzer-span ten-percent">
+        <%= f.collection_select :arrangement_style_id, partial.available_arrangements, :id, :display_name, {}, {} %>
+      </div>
+    <% end %>
+    <div class="pulitzer-span ten-percent">    
+      <%= f.collection_select :background_style_id, partial.available_backgrounds, :id, :display_name, {}, {} %>
+    </div>
+    <div class="pulitzer-span ten-percent">
+      <%= f.collection_select :justification_style_id, partial.available_justifications, :id, :display_name, {}, {} %>
+    </div>
+    <div class="pulitzer-span one-fifth">
+      <%= f.collection_select :sequence_flow_style_id, partial.available_sequence_flows, :id, :display_name, {}, {} %>
+    </div>
+    <div class="pulitzer-span ten-percent">
+      <%= submit_tag "Update" %>
+    </div>
+    <div class="pulitzer-span ten-percent">
+      <%= link_to('Cancel', partial_path(partial), :class => 'button',
+      data: { ajax_link: true, ajax_target: dom_target(partial) } ) %>
+      <%= ajax_delete 'delete', partial_path(partial), {class: 'button'}, dom_target(partial) %>
+    </div>
+  <% end %>
+</div>

data/app/views/pulitzer/partials/_new.html.erb

@@ -1,20 +1,39 @@
 <%= render 'pulitzer/shared/error_messages', object: partial %>
 <%= form_for partial, html: ajax_form_hash(dom_target(partial.free_form_section, :partial_container), insert_method: 'append', empty_on_success: dom_target(partial.free_form_section, :new_partial)) do |f| %>
   <%= f.hidden_field :free_form_section_id %>
-  <%= f.label :label %>
-  <%= f.text_field :label %>
-  <%= f.label :post_type_id, 'Partial Type' %>
-  <%= f.collection_select :post_type_id, Pulitzer::PostType.partials, :id, :name, {}, revealer(dom_id(partial.free_form_section, :new_partial_type), highlander: true) %>
-  <div <%= revealer_target_attrs(dom_id(partial.free_form_section, :new_partial_type)) %>>
+  <div class="pulitzer-span one-fifth">
+    <%= f.text_field :label %>
+  </div>
+  <div class="pulitzer-span ten-percent">
+    <%= f.collection_select :post_type_id, Pulitzer::PostType.partials, :id, :name, {}, revealer(dom_id(partial.free_form_section, :new_partial_type), highlander: true) %>
+  </div>
+  <div class="pulitzer-span one-half" <%= revealer_target_attrs(dom_id(partial.free_form_section, :new_partial_type)) %>>
     <% Pulitzer::PostType.partials.each do |post_type| %>
-      <div <%= revealer_option_attrs(dom_id(partial.free_form_section, :new_partial_type), trigger: post_type.id) %>>
-        <%= f.label :layout_id, 'Layout' %>
-        <%= f.collection_select :layout_id, post_type.layouts, :id, :name, {}, {} %>
+      <div class="pulitzer-row" <%= revealer_option_attrs(dom_id(partial.free_form_section, :new_partial_type), trigger: post_type.id) %>>
+        <div class="pulitzer-span one-fifth">
+          <% if post_type.arrangement_styles.any? %>
+            <%= f.collection_select :arrangement_style_id, post_type.arrangement_styles, :id, :display_name, {}, {} %>
+          <% else %>
+            &nbsp;
+          <% end %>
+        </div>
+        <div class="pulitzer-span one-fifth">
+          <%= f.collection_select :background_style_id, post_type.background_styles, :id, :display_name, {}, {} %>
+        </div>
+        <div class="pulitzer-span one-fifth">
+          <%= f.collection_select :justification_style_id, post_type.justification_styles, :id, :display_name, {}, {} %>
+        </div>
+        <div class="pulitzer-span two-fifths">
+          <%= f.collection_select :sequence_flow_style_id, post_type.sequence_flow_styles, :id, :display_name, {}, {} %>
+        </div>
       </div>
     <% end %>
   </div>
 
-  <%= submit_tag "Create" %>
-  <%= link_to('Cancel', '#', :class => 'button',
-    data: { emptier: true, target: dom_target(partial.free_form_section, :new_partial) } ) %>
+  <div class="pulitzer-span ten-percent">
+    <%= submit_tag "Create" %>
+  </div>
+  <div class="pulitzer-span ten-percent">
+    <a class="button" data-emptier="true" data-target="<%= dom_target(partial.free_form_section, :new_partial)%>">Close</a>
+  </div>
 <% end %>

data/app/views/pulitzer/partials/_show.html.erb

@@ -1,10 +1,14 @@
 <div class="pulitzer-row">
   <div class="pulitzer-span margin match-h5" <%= expander(dom_id(partial)) %>>&rtrif;</div>
   <div class="pulitzer-span margin match-h5" <%= collapser(dom_id(partial)) %>>&dtrif;</div>
-  <div class="pulitzer-span margin"><h5><%= partial.label %></h5></div>
-  <div class="pulitzer-span match-h5"><%= partial.folder_path %>/</div>
-  <div class="pulitzer-span margin match-h5"><%= partial.template_path %></div>
-  <div class="pulitzer-span match-h5"><%= ajax_link 'edit', edit_partial_path(partial), {}, dom_target(partial) %></div>
+  <div class="pulitzer-span one-fifth margin"><h5><%= partial.label %></h5></div>
+  <div class="pulitzer-span one-fifth margin match-h5">
+    <%= partial.folder_path %>/<%= partial.template_path %>
+  </div>
+  <div class="pulitzer-span margin match-h5 ten-percent"><%= partial.background_style&.display_name %></div>
+  <div class="pulitzer-span margin match-h5 ten-percent"><%= partial.justification_style&.display_name %></div>
+  <div class="pulitzer-span margin match-h5 one-fifth"><%= partial.sequence_flow_style&.display_name %></div>
+  <div class="pulitzer-span match-h5 ten-percent"><%= ajax_link 'edit design', edit_partial_path(partial), {}, dom_target(partial) %></div>
   <div class="pulitzer-span right">
     <%= render partial: '/pulitzer/shared/drag_handle' %>
   </div>

data/app/views/pulitzer/post_type_content_element_types/_form.html.erb

@@ -1,6 +1,12 @@
-<%= form_for ptcet, html: ajax_form_hash(dom_target(ptcet)) do |f| %>
-  <%= render partial: 'form_fields', locals: { f: f, ptcet: ptcet } %>
-  <%= f.submit "Update" %>
-  <%= link_to('Cancel', post_type_content_element_type_path(ptcet), :class => 'button',
-    data: { ajax_link: true, ajax_target: dom_target(ptcet) } ) %>
-<% end %>
+<div class="pulitzer-row">
+  <%= form_for ptcet, html: ajax_form_hash(dom_target(ptcet)) do |f| %>
+    <%= render partial: 'form_fields', locals: { f: f, ptcet: ptcet } %>
+    <div class="pulitzer-span ten-percent">
+      <%= f.submit "Update" %>
+    </div>
+    <div class="pulitzer-span ten-percent">
+      <%= link_to('Cancel', post_type_content_element_type_path(ptcet), :class => 'button',
+        data: { ajax_link: true, ajax_target: dom_target(ptcet) } ) %>
+    </div>
+  <% end %>
+</div>

data/app/views/pulitzer/post_type_content_element_types/_form_fields.html.erb

@@ -1,30 +1,32 @@
-<%= f.label :label %>
-<%= f.text_field :label %>
-<%= f.label :content_element_type_id, "Type" %>
-<%= f.collection_select :content_element_type_id, Pulitzer::ContentElementType.all, :id, :name, {},
+<div class="pulitzer-span one-fifth">
+  <%= f.text_field :label %>
+</div>
+<div class="pulitzer-span one-fifth">
+  <%= f.collection_select :content_element_type_id, Pulitzer::ContentElementType.all, :id, :name, {},
 revealer(dom_id(ptcet, :revealer), highlander: true) %>
+</div>
 <%= f.hidden_field :post_type_id %>
 
 <div <%= revealer_target_attrs(dom_id(ptcet, :revealer)) %>></div>
 
-<div <%= revealer_option_attrs(dom_id(ptcet, :revealer), trigger: Pulitzer::ContentElementType.find_by(name: 'Image').id) %> >
-  <%= f.label :height %>
+<div <%= revealer_option_attrs(dom_id(ptcet, :revealer), trigger: Pulitzer::ContentElementType.find_by(name: 'Image').id) %> class="pulitzer-span one-fifth">
   <%= f.text_field :height, placeholder: 'Height' %>
-  <%= f.label :width %>
+  x
   <%= f.text_field :width, placeholder: 'Width' %>
 </div>
 
-<div <%= revealer_option_attrs(dom_id(ptcet, :revealer), trigger: Pulitzer::ContentElementType.find_by(name: 'Text').id) %> >
-  <%= f.label :text_editor, "Text editor" %>
+<div <%= revealer_option_attrs(dom_id(ptcet, :revealer), trigger: Pulitzer::ContentElementType.find_by(name: 'Text').id) %> class="pulitzer-span one-fifth">
   <%= f.select :text_editor, Pulitzer.text_editor_toolbars.map { |t| t[:name] } %>
 </div>
 
-<div>
-  <%= f.label :required %>
+<div <%= revealer_option_attrs(dom_id(ptcet, :revealer), trigger: Pulitzer::ContentElementType.find_by(name: 'Video').id) %> class="pulitzer-span one-fifth">
+  &nbsp;
+</div>
+
+<div class="pulitzer-span ten-percent">
   <%= f.check_box :required %>
 </div>
 
-<div>
-  <%= f.label :sort_order %>
+<div class="pulitzer-span ten-percent">
   <%= f.text_field :sort_order %>
 </div>

data/app/views/pulitzer/post_type_content_element_types/_new.html.erb

@@ -1,6 +1,11 @@
-<%= form_for ptcet, html: ajax_form_hash("#post_type_content_element_types_container_#{dom_id(ptcet.post_type)}", insert_method: 'append') do |f| %>
-  <%= render partial: 'form_fields', locals: { f: f, ptcet: ptcet } %>
-  <%= f.submit "Create", data: { disable_with: false } %>
-  <%= link_to('Close', '#', :class => 'button',
-    data: { emptier: true, target: "#new_post_type_content_element_type_#{dom_id(ptcet.post_type)}" } ) %>
-<% end %>
+<div class="pulitzer-row">
+  <%= form_for ptcet, html: ajax_form_hash("#post_type_content_element_types_container_#{dom_id(ptcet.post_type)}", insert_method: 'append', reset_on_success: true) do |f| %>
+    <%= render partial: 'form_fields', locals: { f: f, ptcet: ptcet } %>
+    <div class="pulitzer-span ten-percent">
+      <%= f.submit "Create", data: { disable_with: false } %>
+    </div>
+    <div class="pulitzer-span ten-percent">
+      <a class="button" data-emptier="true" data-target="#new_post_type_content_element_type_<%= dom_id(ptcet.post_type)%>" >Close</a>
+    </div>
+  <% end %>
+</div>

data/app/views/pulitzer/post_type_content_element_types/_show.html.erb

@@ -1,10 +1,17 @@
-<ul class="inline-list">
-  <li><%= ptcet.label %></li>
-  <li><%= ptcet.content_element_type.name %></li>
-  <li>
-    <%= ajax_link "Edit", edit_post_type_content_element_type_path(ptcet), {}, dom_target(ptcet) %>
-  </li>
-  <li>
+<div class="pulitzer-row">
+  <div class="pulitzer-span one-fifth"><%= ptcet.label %></div>
+  <div class="pulitzer-span one-fifth"><%= ptcet.content_element_type.name %></div>
+  <div class="pulitzer-span one-fifth">
+    <%= ptcet.type_specific_display %>
+  </div>
+  <div class="pulitzer-span ten-percent">
+    <%= ptcet.required? ? 'required' : 'optional' %>
+  </div>
+  <div class="pulitzer-span ten-percent">
+    <%= ptcet.sort_order %>
+  </div>
+  <div class="pulitzer-span ten-percent">
+    <%= ajax_link "Edit", edit_post_type_content_element_type_path(ptcet), {}, dom_target(ptcet) %> |
     <%= ajax_delete 'Delete', post_type_content_element_type_path(ptcet), {}, dom_target(ptcet) %>
-  </li>
-</ul>
+  </div>
+</div>

data/app/views/pulitzer/post_type_content_element_types/_show_wrapper.html.erb

@@ -1,3 +1,3 @@
-<li id="<%= dom_id(ptcet) %>">
+<div class="pulitzer-row" id="<%= dom_id(ptcet) %>">
   <%= render partial: '/pulitzer/post_type_content_element_types/show', locals: {ptcet: ptcet} %>
-</li>
+</div>

data/app/views/pulitzer/post_types/_new.html.erb

@@ -1,6 +1,6 @@
 <%= form_for post_type, html: ajax_form_hash("##{post_type.kind}s_container", insert_method: 'append', empty_on_success: "#new_#{post_type.kind}") do |f| %>
   <%= render partial: 'form_fields', locals: { f: f } %>
   <div class="pulitzer-span margin"><%= f.submit "Create" %></div>
-  <div class="button pulitzer-span" <%= emptier "#new_#{post_type.kind}" %>>Cancel</div>
+  <div class="button pulitzer-span" <%= emptier "#new_#{post_type.kind}" %>>Close</div>
 <% end %>
 <%= render 'pulitzer/shared/error_messages', object: post_type %>

data/app/views/pulitzer/post_types/_show.html.erb

@@ -1,28 +1,28 @@
 <div class="pulitzer-row">
-  <ul class="inline-list">
-    <li><%= post_type.name %></li>
+  <div class="pulitzer-row padding">
+    <div class="pulitzer-span one-quarter"><%= post_type.name %></div>
     <% unless post_type.partial? %>
-      <li><%= link_to_posts(post_type, 'Index', 'Manage') %></li>
+      <div class="pulitzer-span margin ten-percent"><%= link_to_posts(post_type, 'Index', 'Manage') %></div>
     <% end %>
-    <li>
+    <div class="pulitzer-span ten-percent">
       <% if 'template' == action_name %>
         <%= ajax_link 'Template', post_type_path(post_type), {}, dom_target(post_type) %>
       <% else %>
         <%= ajax_link 'Template', template_post_type_path(post_type), {}, dom_target(post_type) %>
       <% end %>
-    </li>
-    <li>
+    </div>
+    <div class="pulitzer-span ten-percent">
       <% if Pulitzer.skip_metadata_auth? || self.instance_eval(&Pulitzer.metadata_closure) %>
         <%= ajax_link "Details", edit_post_type_path(post_type), {}, dom_target(post_type) %>
       <% else %>
         <%= post_type.name %>
       <% end %>
-    </li>
+    </div>
     <% if Pulitzer.skip_metadata_auth? || self.instance_eval(&Pulitzer.metadata_closure) %>
-      <li>
+      <div class="pulitzer-span ten-percent">
         <%= ajax_delete 'Delete', post_type_path(post_type), {}, dom_target(post_type) %>
-      </li>
+      </div>
     <% end %>
-  </ul>
+  </div>
 
 </div>

data/app/views/pulitzer/post_types/_template.html.erb

@@ -1,33 +1,102 @@
 <%= render partial: 'show', locals: {post_type: post_type} %>
-<div class="pulitzer-indent" id="<%= dom_id(post_type, :template) %>">
-  <h5>Content Elements</h5>
-  <div id="post_type_content_element_types_container_<%= dom_id(post_type) %>">
-    <% post_type.post_type_content_element_types.each do |ptcet| %>
-      <%= render partial: '/pulitzer/post_type_content_element_types/show_wrapper', locals: {ptcet: ptcet} %>
+<div class="pulitzer-row highlight-off-white">
+  <div class="pulitzer-indent" id="<%= dom_id(post_type, :template) %>">
+    <div class="pulitzer-row margin-bottom" id="<%= dom_id(post_type, :post_type_content_element_types_wrapper) %>">
+      <h4>Content Elements</h4>
+      <div class="pulitzer-row heading">
+        <div class="pulitzer-span one-fifth heading">Editor Display</div>
+        <div class="pulitzer-span one-fifth heading">Content Type</div>
+        <div class="pulitzer-span one-fifth heading">Details</div>
+        <div class="pulitzer-span ten-percent heading">Required</div>
+        <div class="pulitzer-span ten-percent heading">Sort</div>
+      </div>
+      <div id="post_type_content_element_types_container_<%= dom_id(post_type) %>">
+        <% post_type.post_type_content_element_types.each do |ptcet| %>
+          <%= render partial: '/pulitzer/post_type_content_element_types/show_wrapper', locals: {ptcet: ptcet} %>
+        <% end %>
+      </div>
+      <div id="new_post_type_content_element_type_<%= dom_id(post_type) %>"></div>
+      <%= ajax_link 'add a new content element for ' + post_type.name, new_post_type_content_element_type_path(post_type_id: post_type.id), {}, "#new_post_type_content_element_type_#{dom_id(post_type)}" %>
+    </div>
+    <% unless post_type.partial? %>
+      <div class="pulitzer-row margin-bottom" id="<%= dom_id(post_type, :free_form_section_types_wrapper) %>">
+        <h4>Free Form Sections</h4>
+        <div class="pulitzer-row heading">
+          <div class="pulitzer-span one-fifth heading">Editor Display</div>
+          <div class="pulitzer-span one-fifth heading">Sort</div>
+        </div>
+        <div id="<%= dom_id(post_type, :free_form_section_types_container) %>">
+          <% post_type.free_form_section_types.each do |ffst| %>
+            <%= render partial: '/pulitzer/free_form_section_types/show_wrapper', locals: {ffst: ffst} %>
+          <% end %>
+        </div>
+        <div id="<%= dom_id(post_type, :new_free_form_section_type) %>"></div>
+        <%= ajax_link 'add a new section for ' + post_type.name, new_free_form_section_type_path(post_type_id: post_type.id), {}, dom_target(post_type, :new_free_form_section_type) %>
+      </div>
     <% end %>
-  </div>
-  <%= ajax_link 'add a new content element for ' + post_type.name, new_post_type_content_element_type_path(post_type_id: post_type.id), {}, "#new_post_type_content_element_type_#{dom_id(post_type)}" %>
-  <div id="new_post_type_content_element_type_<%= dom_id(post_type) %>"></div>
 
-  <% unless post_type.partial? %>
-    <h5>Free Form Sections</h5>
-    <div id="<%= dom_id(post_type, :free_form_section_types_container) %>">
-      <% post_type.free_form_section_types.each do |ffst| %>
-        <%= render partial: '/pulitzer/free_form_section_types/show_wrapper', locals: {ffst: ffst} %>
-      <% end %>
-    </div>
-    <%= ajax_link 'add a new section for ' + post_type.name, new_free_form_section_type_path(post_type_id: post_type.id), {}, dom_target(post_type, :new_free_form_section_type) %>
-    <div id="<%= dom_id(post_type, :new_free_form_section_type) %>"></div>
-  <% end %>
+    <% if post_type.partial? %>
+      <div class="pulitzer-row margin-bottom" id="<%= dom_id(post_type, :background_styles_wrapper) %>">
+        <h4>Background Styles</h4>
+        <div class="pulitzer-row heading">
+          <div class="pulitzer-span one-fifth heading">Editor Display</div>
+          <div class="pulitzer-span one-fifth heading">Css Class</div>
+        </div>
+        <div id="<%= dom_id(post_type, :background_styles_container) %>">
+          <% post_type.background_styles.each do |bg_style| %>
+            <%= render partial: '/pulitzer/background_styles/show_wrapper', locals: {background_style: bg_style} %>
+          <% end %>
+        </div>
+        <div class="pulitzer-row" id="<%= dom_id(post_type, :new_background_style) %>"></div>
+        <div class="pulitzer-row">
+          <%= ajax_link 'add a new background style for ' + post_type.name, new_background_style_path(background_style: {post_type_id: post_type.id}), {}, dom_target(post_type, :new_background_style) %>
+        </div>
+      </div>
 
-  <% if post_type.partial? %>
-    <h5>Layouts</h5>
-    <div id="<%= dom_id(post_type, :layouts_container) %>">
-      <% post_type.layouts.each do |layout| %>
-        <%= render partial: '/pulitzer/layouts/show_wrapper', locals: {layout: layout} %>
-      <% end %>
-    </div>
-    <%= ajax_link 'add a new layout for ' + post_type.name, new_layout_path(layout: {post_type_id: post_type.id}), {}, dom_target(post_type, :new_layout) %>
-    <div id="<%= dom_id(post_type, :new_layout) %>"></div>
-  <% end %>
-</div>
+      <div class="pulitzer-row margin-bottom" id="<%= dom_id(post_type, :justification_styles_wrapper) %>">
+        <h4>Justification Styles</h4>
+        <div class="pulitzer-row heading">
+          <div class="pulitzer-span one-fifth heading">Editor Display</div>
+          <div class="pulitzer-span one-fifth heading">Css Class</div>
+        </div>
+        <div id="<%= dom_id(post_type, :justification_styles_container) %>">
+          <% post_type.justification_styles.each do |just_style| %>
+            <%= render partial: '/pulitzer/justification_styles/show_wrapper', locals: {justification_style: just_style} %>
+          <% end %>
+        </div>
+        <div id="<%= dom_id(post_type, :new_justification_style) %>"></div>
+        <%= ajax_link 'add a new justification style for ' + post_type.name, new_justification_style_path(justification_style: {post_type_id: post_type.id}), {}, dom_target(post_type, :new_justification_style) %>
+      </div>
+
+      <div class="pulitzer-row margin-bottom" id="<%= dom_id(post_type, :sequence_flow_styles_wrapper) %>">
+        <h4>Sequence Flow Styles</h4>
+        <div class="pulitzer-row heading">
+          <div class="pulitzer-span one-fifth heading">Editor Display</div>
+          <div class="pulitzer-span one-fifth heading">Css Class</div>
+        </div>
+        <div id="<%= dom_id(post_type, :sequence_flow_styles_container) %>">
+          <% post_type.sequence_flow_styles.each do |seq_style| %>
+            <%= render partial: '/pulitzer/sequence_flow_styles/show_wrapper', locals: {sequence_flow_style: seq_style} %>
+          <% end %>
+        </div>
+        <div id="<%= dom_id(post_type, :new_sequence_flow_style) %>"></div>
+        <%= ajax_link 'add a new sequence_flow style for ' + post_type.name, new_sequence_flow_style_path(sequence_flow_style: {post_type_id: post_type.id}), {}, dom_target(post_type, :new_sequence_flow_style) %>
+      </div>
+
+      <div class="pulitzer-row margin-bottom" id="<%= dom_id(post_type, :arrangement_styles_wrapper) %>">
+        <h4>Arrangement Styles</h4>
+        <div class="pulitzer-row heading">
+          <div class="pulitzer-span one-fifth heading">Editor Display</div>
+          <div class="pulitzer-span one-fifth heading">Rails View File</div>
+        </div>
+        <div id="<%= dom_id(post_type, :arrangement_styles_container) %>">
+          <% post_type.arrangement_styles.each do |arr_style| %>
+            <%= render partial: '/pulitzer/arrangement_styles/show_wrapper', locals: {arrangement_style: arr_style} %>
+          <% end %>
+        </div>
+        <div id="<%= dom_id(post_type, :new_arrangement_style) %>"></div>
+        <%= ajax_link 'add a new arrangement style for ' + post_type.name, new_arrangement_style_path(arrangement_style: {post_type_id: post_type.id}), {}, dom_target(post_type, :new_arrangement_style) %>
+      </div>
+    <% end %>
+  </div>
+</div>