bug 567547 - add no gutters mobile and remove fit-content, and remove
padding-40

bug 567547 forgot add no-gutters-mobile, gonna test if it is working

bug 567547 adjust fit-content style, need solice-assets PR merged first

bug 567547 fix table on mobile view

Signed-off-by: Yi Liu <yi.liu@eclipse-foundation.org>
Change-Id: I14c2ab8655c764f754449d8dfcfe050f6e9d49a6
diff --git a/content/en_index.php b/content/en_index.php
index 199bd42..113b225 100644
--- a/content/en_index.php
+++ b/content/en_index.php
@@ -51,7 +51,7 @@
     </div>
 
     <!-- Tab panes -->
-    <div class="tab-content content-nav-tab-body padding-left-40 padding-right-40 padding-bottom-40">
+    <div class="tab-content content-nav-tab-body no-gutters-mobile padding-bottom-40">
       <div role="tabpanel" class="tab-pane text-center active" id="tab-benefits">
         <h2>Why become a Member of the Eclipse Foundation?</h2>
         <p class="margin-bottom-40">Take an active role in supporting sustainable, commercializable open source technologies that benefit all.</p>
@@ -227,69 +227,71 @@
       <div role="tabpanel" class="tab-pane text-center" id="tab-fees">
         <h2>Membership Fees</h2>
         <p>The Membership Annual Fee Comparison Chart based on membership levels is provided below for illustration purposes only. Please see the Eclipse Foundation Membership Agreement for full details. Note that Eclipse Working Group Membership fees are separate and in addition to general Eclipse Foundation Membership fees.</p>
-        <table class="table table-stripped" cellspacing="0">
-          <thead>
+        <div class="vertical-align">
+          <table class="table table-stripped" cellspacing="0">
+            <thead>
+                <tr>
+                  <th width="40%" rowspan=2>Annual Corporate Revenue</td>
+                  <th class="text-center" width="60%" colspan="3">Annual Eclipse Foundation Membership Fees*</th>
+                </tr>
+                <tr>
+                  <th class="text-center" width="20%">Strategic</th>
+                  <th class="text-center" width="20%">Contributing</th>
+                  <th class="text-center" width="20%">Associate</th>
+                </tr>
+            </thead>
+            <tbody>
               <tr>
-                <th width="40%" rowspan=2>Annual Corporate Revenue</td>
-                <th class="text-center" width="60%" colspan="3">Annual Eclipse Foundation Membership Fees*</th>
+                <td class="text-left">&gt; €250&nbsp;million</td>
+                <td>€250 000</td>
+                <td>€20 000</td>
+                <td>€5 000</td>
               </tr>
               <tr>
-                <th class="text-center" width="20%">Strategic</th>
-                <th class="text-center" width="20%">Contributing</th>
-                <th class="text-center" width="20%">Associate</th>
+                <td class="text-left">€100&nbsp;million - €250&nbsp;million</td>
+                <td>€150 000</td>
+                <td>€15 000</td>
+                <td>€5 000</td>
               </tr>
-          </thead>
-          <tbody>
-            <tr>
-              <td class="text-left">&gt; €250&nbsp;million</td>
-              <td>€250 000</td>
-              <td>€20 000</td>
-              <td>€5 000</td>
-            </tr>
-            <tr>
-              <td class="text-left">€100&nbsp;million - €250&nbsp;million</td>
-              <td>€150 000</td>
-              <td>€15 000</td>
-              <td>€5 000</td>
-            </tr>
-            <tr>
-              <td class="text-left">€50&nbsp;million - €100&nbsp;million</td>
-              <td>€100 000</td>
-              <td>€10 000</td>
-              <td>€5 000</td>
-            </tr>
-            <tr>
-              <td class="text-left">€10&nbsp;million - €50&nbsp;million</td>
-              <td>€50 000</td>
-              <td>€7 500</td>
-              <td>€5 000</td>
-            </tr>
-            <tr>
-              <td class="text-left">&lt; €10&nbsp;million</td>
-              <td>€25 000</td>
-              <td>€5 000</td>
-              <td>€5 000</td>
-            </tr>
-            <tr>
-              <td class="text-left">&lt; €1&nbsp;million &lt; 10 employees</td>
-              <td>€25 000</td>
-              <td>€1 500</td>
-              <td>N/A</td>
-            </tr>
-            <tr>
-              <td class="text-left">Govt, Govt agencies, Research Organizations, NGOs, etc.</td>
-              <td>€25 000</td>
-              <td>€5 000</td>
-              <td>€0</td>
-            </tr>
-            <tr>
-              <td class="text-left">Academic, Publishing Organizations, User Groups, etc.</td>
-              <td>€25 000</td>
-              <td>€1 000</td>
-              <td>€0</td>
-            </tr>
-          </tbody>
-        </table>
+              <tr>
+                <td class="text-left">€50&nbsp;million - €100&nbsp;million</td>
+                <td>€100 000</td>
+                <td>€10 000</td>
+                <td>€5 000</td>
+              </tr>
+              <tr>
+                <td class="text-left">€10&nbsp;million - €50&nbsp;million</td>
+                <td>€50 000</td>
+                <td>€7 500</td>
+                <td>€5 000</td>
+              </tr>
+              <tr>
+                <td class="text-left">&lt; €10&nbsp;million</td>
+                <td>€25 000</td>
+                <td>€5 000</td>
+                <td>€5 000</td>
+              </tr>
+              <tr>
+                <td class="text-left">&lt; €1&nbsp;million &lt; 10 employees</td>
+                <td>€25 000</td>
+                <td>€1 500</td>
+                <td>N/A</td>
+              </tr>
+              <tr>
+                <td class="text-left">Govt, Govt agencies, Research Organizations, NGOs, etc.</td>
+                <td>€25 000</td>
+                <td>€5 000</td>
+                <td>€0</td>
+              </tr>
+              <tr>
+                <td class="text-left">Academic, Publishing Organizations, User Groups, etc.</td>
+                <td>€25 000</td>
+                <td>€1 000</td>
+                <td>€0</td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
         <p class="text-center">*There is no cost to being a Committer member of the Foundation</p>
         <!-- Nav -->
         <div class="margin-top-40 vertical-align">