@@ -1,10 +1,15 @@
 <%#-- "cart" is the critical local variable for using this partial --%>
 <%#-- "title" is used to customize the tile in the h1 below --%>
- <table class="w-container main-container" width='800' border=0>
+<div class="row">
+ <table class="w-container main-container xs-col-12" border='0' width='100%'>
     <tr>
-      <td width="500">
+      <td>
         <h1 class="communicart_header">
-          <%= title %>
+          <%- if local_assigns[:delivery] == 'web' %>
+            Purchase Request
+          <%- else %>
+            <%= title %>
+          <%- end %>
         </h1>
 
         <div class="communicart_description">
<%#-- "cart" is the critical local variable for using this partial --%>
<%#-- "title" is used to customize the tile in the h1 below --%>
 <table class="w-container main-container" width='800' border=0>
    <tr>
      <td width="500">
        <h1 class="communicart_header">
          <%= title %>
        </h1>

        <div class="communicart_description">
          <p>
            Requested by:
            <strong><%= cart.requester.full_name %></strong>
          </p>
          <p>
            GSA Advantage:
            <strong>[Some description] - Cart #<%= cart.external_id %></strong>
          </p>
        </div>
      </td>
      <td align="right" class="communicart_description" width="300">
        <img src="https://s3.amazonaws.com/18f/c2/img_logo_communicart.gif" width="229" height="43" alt="Communicart logo" />
      </td>
    </tr>

    <tr>
      <td colspan="2" padding="10">
        <%#-- BEGIN approval status --%>
        <table id="status-container-detail" width="770">

          <tr>
            <td colspan="2" class="w-container status-header-container <%= 'status-completed' if @cart.all_approvals_received? %>">
              <p class="results-header">Approval Status: <%=  @cart.generate_status_message %></p>
            </td>
          </tr>

          <tr class="status-header-container-detail">
            <td class="first">
              <p>
                <strong>Pending</strong>
                <ul class='status-detail'>
                  <%- if @cart.approvals.where(role: 'approver').where(status: 'pending').any? %>
                    <%- @cart.approvals.where(role: 'approver').where(status: 'pending').each do | approval | %>
                        <li class="icon-pending status-label-pending">
                          <a href='#'><%= approval.user.email_address %></a>
                       </li>
                     </p>
                    <%- end %>
                  <%- else %>
                    <li>
                      You are not waiting for anyone to approve your request
                    </li>
                  <%- end %>
                </ul>
              </p>
            </td>

            <td>
              <p>
                <strong>Approved</strong>
                <ul class='status-detail'>
                  <%- if @cart.approvals.where(role: 'approver').where(status: 'approved').any? %>
                      <%- @cart.approvals.where(role: 'approver').where(status: 'approved').each do | approval | %>
                          <li class="icon-approved status-label-approved">
                            <a href='#'><%= approval.user.email_address %></a>
                          </li>
                       </p>
                      <%- end %>
                  <%- else %>
                    <p>
                      You currently have no approvals
                    </p>
                  <%- end %>
                </ul>
              </p>
            </td>
          </tr>

        </table>
        <%#-- END approval status --%>
      </td>
    </tr>

    <tr>
      <td class="w-container results-list" colspan="2">
        <table width="100%">
          <tr class='header'>
            <td class="first" width="50%" scope="col">
              <h5>Product</h5>
            </td>

            <td width="25%" scope="col">
              <h5>Price</h5>
            </td>

            <td width="25%" scope="col">
              <h5>Vendor</h5>
            </td>

          </tr><%#-- BEGIN CartItem Entry --%>


          <%- cart.cart_items.each do |cart_item| %>

          <tr class="cart_item_information">
            <%#-- Product --%>
            <td class="first" valign="top">
              <p class="cart_item_description"><strong><a href="<%= cart_item.url %>"><%= cart_item.description %></a></strong></p>

              <p><%= cart_item.details %></p>

              <span class="result-tag">
                <%- if cart_item.green? %>

                <span class="c2bullet green">•</span>&nbsp;<span class='bullet-label'>Green</span>
                <%- end %>

                <%- cart_item.features.each do |feature| %>
                 <span class="c2bullet <%= feature %>">•</span>&nbsp;<span class='bullet-label'><%= feature %></span>
                <%- end %>
              </span>

            </td>

            <%#-- Price --%>
            <td valign="top">
              <p class="result-item-price"><strong><%= cart_item.subtotal %></strong></p>

              <p class="result-item-units"><%= cart_item.formatted_price %> x <%= cart_item.quantity %> units</p>
            </td>

            <%#-- Vendor --%>
            <td valign="top">
              <p class="vendor-information">
                <%- if cart_item.getProp('shoppingVenue') %>
                  <%= cart_item.getProp('shoppingVenue') %> <br />
                <%- end %>
                  <span class="info-title">
                    <strong><%= cart_item.vendor %></strong>
                  </span>
                  <%= cart_item.part_number %><br />

                <span class="result-tag">
                  <%- unless cart_item.socio.empty? %>
                    <span class="c2bullet">•</span>&nbsp;<span class='bullet-label'><strong>SOCIO:</strong></span>
                      <span class= "tag-values">
                        <%- cart_item.socio.each_with_index do |socio_tag, index| %>
                        <%= socio_tag %><%= ", " unless cart_item.socio.count == index+1 %>
                        <%- end %>
                      </span>
                  <%- end %>
                </span>

              </p>
            </td>

          </tr>
          <%- if @show_comments %>
          <tr>
            <td>
              <strong>
                Comments:
              </strong>
              <% if !cart_item.comments.empty? %>
              <% cart_item.comments.each do |c| %>
              <br/>
              <% unless c.user.nil? %>
              <em>
                <%= "#{c.user.full_name}: " %>
              </em>
              <% end %>
              <%= c.comment_text %>
              <% end %>
              <% else %>
              <br>
              No comments have been added yet
            </br>
            <% end %>
            <p>
              <%= form_for [cart_item, Comment.new] do |f| %>
              <%= f.text_area :comment_text, rows: 5, cols: 55 %>
              <p>
                <%= submit_tag "Add a comment", id: :add_a_comment %>
              </p>
              <br/>
              <% end %>
            </p>
          </td>
        </tr>
        <%- end %>


          <%- end %>
        </table>

      </td>
    </tr>
  </table>



Why not set the width with CSS?