Use default table styling for CLIN tables

styles/elements/_tables.scss

@@ -4,7 +4,7 @@
  * @source https://github.com/uswds/uswds/blob/develop/src/stylesheets/elements/_table.scss
  */
 
-table {
+table.atat-table {
   @include panel-margin;
 
   min-width: 100%;

templates/fragments/admin/portfolio_members.html

@@ -32,7 +32,7 @@
         {% if not portfolio.members %}
           <p>{{ "portfolios.admin.no_members" | translate }}</p>
         {% else %}
-          <table>
+          <table class="atat-table">
 
             <thead>
               <tr>

templates/fragments/task_order_review/funding.html

@@ -14,7 +14,7 @@
   {% endcall %}
 
   <div class="col col--grow">
-    <table class="funding-summary__table">
+    <table class="funding-summary__table atat-table">
       <tbody>
         <tr>
           <td><h4>{{ "task_orders.new.review.to_value"| translate }}</h4></td>

templates/portfolios/applications/members.html

@@ -32,7 +32,7 @@
   class='member-list'
   v-bind:members='{{ members | tojson}}'>
   <div class='responsive-table-wrapper panel'>
-    <table v-cloak v-if='searchedList && searchedList.length'>
+    <table v-cloak v-if='searchedList && searchedList.length' class="atat-table">
       <thead>
         <tr>
           <th v-for="col in getColumns()" @click="updateSort(col.displayName)" :width="col.width" :class="col.class" scope="col">

templates/portfolios/index.html

@@ -2,7 +2,7 @@
 
 {% block content %}
 <div v-cloak class='col'>
-  <table>
+  <table class="atat-table">
     <thead>
       <tr>
         <th>Portfolio Name</th>

templates/portfolios/reports/index.html

@@ -379,7 +379,7 @@
         prev-month-index='{{ prev_month_index }}'
         two-months-ago-index='{{ two_months_ago_index }}'
         inline-template>
-        <table>
+        <table class="atat-table">
           <thead>
             <th scope='col'><span class='usa-sr-only'>Spending scope</span></th>
             <th scope='col' class='table-cell--align-right previous-month'>{{ two_months_ago.strftime('%B %Y') }}</th>

templates/portfolios/task_orders/index.html

@@ -23,7 +23,7 @@
     v-cloak
     >
     <div class='responsive-table-wrapper'>
-      <table v-cloak>
+      <table v-cloak class="atat-table">
         <thead>
           <tr>
             <th v-for="col in getColumns()" @click="updateSort(col.displayName)" :width="col.width" :class="col.class" scope="col">

templates/portfolios/task_orders/review.html

@@ -31,54 +31,50 @@
 
       <div class="h3">Funding summary</div>
       <div>CLIN 1: Unclassified Cloud Services 001</div>
-      <div class='responsive-table-wrapper'>
         <table>
           <thead>
             <tr>
-              <th class='table-cell--expand'>Amount</th>
+              <th>Amount</th>
-              <th class='table-cell--expand'>Obligated</th>
+              <th>Obligated</th>
-              <th class='table-cell--expand'>PoP Start</th>
+              <th>PoP Start</th>
-              <th class='table-cell--expand'>PoP End</th>
+              <th>PoP End</th>
-              <th class='table-cell--expand'>LOA</th>
+              <th>LOA</th>
             </tr>
           </thead>
 
           <tbody>
             <tr>
-              <td class='table-cell--expand'>$500,000</td>
+              <td>$500,000</td>
-              <td class='table-cell--expand'>Yes</td>
+              <td>Yes</td>
-              <td class='table-cell--expand'>9/07/19</td>
+              <td>9/07/19</td>
-              <td class='table-cell--expand'>9/07/20</td>
+              <td>9/07/20</td>
-              <td class='table-cell--expand'>34820394</td>
+              <td>34820394</td>
             </tr>
           </tbody>
         </table>
-      </div>
 
       <div>CLIN 2: Unclassified Cloud Services 002</div>
-      <div class='responsive-table-wrapper'>
         <table>
           <thead>
             <tr>
-              <th class='table-cell--expand'>Amount</th>
+              <th>Amount</th>
-              <th class='table-cell--expand'>Obligated</th>
+              <th>Obligated</th>
-              <th class='table-cell--expand'>PoP Start</th>
+              <th>PoP Start</th>
-              <th class='table-cell--expand'>PoP End</th>
+              <th>PoP End</th>
-              <th class='table-cell--expand'>LOA</th>
+              <th>LOA</th>
             </tr>
           </thead>
 
           <tbody>
             <tr>
-              <td class='table-cell--expand'>$300,000</td>
+              <td>$300,000</td>
-              <td class='table-cell--expand'>No</td>
+              <td>No</td>
-              <td class='table-cell--expand'>9/08/20</td>
+              <td>9/08/20</td>
-              <td class='table-cell--expand'>9/08/21</td>
+              <td>9/08/21</td>
-              <td class='table-cell--expand'>q9384751934</td>
+              <td>q9384751934</td>
             </tr>
           </tbody>
         </table>
-      </div>
 
       <hr>