Button 2: Fixes the issue with the Orders table extending beyond the content container by moving the My Account navigation from the side to the top. See #32

button-2/style.css

@@ -4,7 +4,7 @@ Theme URI: http://wordpress.com/themes/button-2/
 Author: Automattic
 Author URI: http://automattic.com
 Description: A stylish, lighthearted theme for crafters, hobbyists, and creatives.
-Version: 2.1.1-wpcom
+Version: 2.1.2-wpcom
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: button

button-2/woocommerce-rtl.css

@@ -510,27 +510,14 @@ table.cart .product-remove a {
 
 @media screen and (min-width: 768px) {
   .woocommerce-account .woocommerce-MyAccount-navigation {
-    float: right;
-    width: 30%;
-    margin: 0; }
-  .woocommerce-account .woocommerce-MyAccount-content {
-    float: left;
-    width: 65%; }
-    .woocommerce-account .woocommerce-MyAccount-content p:first-child {
-      margin-top: 0; }
-    .woocommerce-account .woocommerce-MyAccount-content form > h3 {
-      margin-top: 0; }
-  .woocommerce-account .col2-set:before, .woocommerce-account .col2-set:after {
-    content: "";
-    display: table; }
-  .woocommerce-account .col2-set:after {
-    clear: both; }
-  .woocommerce-account .col2-set .col-1 {
-    width: 47.5%;
-    float: right; }
-  .woocommerce-account .col2-set .col-2 {
-    width: 47.5%;
-    float: left; } }
+    display: block; }
+  .woocommerce-account .woocommerce-MyAccount-navigation ul {
+    text-align: center; }
+  .woocommerce-account .woocommerce-MyAccount-navigation ul li {
+    display: inline-block;
+    margin-left: 1em; }
+  .woocommerce-account .woocommerce-MyAccount-navigation ul li:last-of-type {
+    margin-left: 0; } }
 
 /**
  * General WooCommerce components

button-2/woocommerce.css

@@ -510,27 +510,14 @@ table.cart .product-remove a {
 
 @media screen and (min-width: 768px) {
   .woocommerce-account .woocommerce-MyAccount-navigation {
-    float: left;
-    width: 30%;
-    margin: 0; }
-  .woocommerce-account .woocommerce-MyAccount-content {
-    float: right;
-    width: 65%; }
-    .woocommerce-account .woocommerce-MyAccount-content p:first-child {
-      margin-top: 0; }
-    .woocommerce-account .woocommerce-MyAccount-content form > h3 {
-      margin-top: 0; }
-  .woocommerce-account .col2-set:before, .woocommerce-account .col2-set:after {
-    content: "";
-    display: table; }
-  .woocommerce-account .col2-set:after {
-    clear: both; }
-  .woocommerce-account .col2-set .col-1 {
-    width: 47.5%;
-    float: left; }
-  .woocommerce-account .col2-set .col-2 {
-    width: 47.5%;
-    float: right; } }
+    display: block; }
+  .woocommerce-account .woocommerce-MyAccount-navigation ul {
+    text-align: center; }
+  .woocommerce-account .woocommerce-MyAccount-navigation ul li {
+    display: inline-block;
+    margin-right: 1em; }
+  .woocommerce-account .woocommerce-MyAccount-navigation ul li:last-of-type {
+    margin-right: 0; } }
 
 /**
  * General WooCommerce components