Karuna: 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

karuna/style.css

@@ -4,7 +4,7 @@ Theme URI: http://wordpress.com/themes/karuna/
 Author: Automattic
 Author URI: http://wordpress.com/themes/
 Description: Karuna is a clean business theme designed with health and wellness-focused sites in mind. With bright, bold colors, prominent featured images, and support for customer testimonials, your business' brand will shine with Karuna.
-Version: 1.2.3-wpcom
+Version: 1.2.4-wpcom
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: karuna

karuna/woocommerce-rtl.css

@@ -561,6 +561,9 @@ ul#shipping_method {
 .woocommerce-account .entry-content .woocommerce:after {
   clear: both; }
 
+.woocommerce-account .woocommerce-MyAccount-navigation {
+  margin-bottom: 1.6em }
+
 .woocommerce-account .woocommerce-MyAccount-navigation ul {
   list-style: none;
   margin: 0; }
@@ -579,16 +582,12 @@ ul#shipping_method {
 
 @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: 68%; }
-    .woocommerce-account .woocommerce-MyAccount-content p:first-child {
-      margin-top: 0; }
-    .woocommerce-account .woocommerce-MyAccount-content form > h3 {
-      margin-top: 0; } }
+    display: block; }
+  .woocommerce-account .woocommerce-MyAccount-navigation ul li {
+    display: inline-block;
+    margin-left: .8em; }
+  .woocommerce-account .woocommerce-MyAccount-navigation ul li:last-of-type {
+    margin-left: 0; } }
 
 /**
  * Cart

karuna/woocommerce.css

@@ -561,6 +561,9 @@ ul#shipping_method {
 .woocommerce-account .entry-content .woocommerce:after {
   clear: both; }
 
+.woocommerce-account .woocommerce-MyAccount-navigation {
+  margin-bottom: 1.6em }
+
 .woocommerce-account .woocommerce-MyAccount-navigation ul {
   list-style: none;
   margin: 0; }
@@ -579,16 +582,12 @@ ul#shipping_method {
 
 @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: 68%; }
-    .woocommerce-account .woocommerce-MyAccount-content p:first-child {
-      margin-top: 0; }
-    .woocommerce-account .woocommerce-MyAccount-content form > h3 {
-      margin-top: 0; } }
+    display: block; }
+  .woocommerce-account .woocommerce-MyAccount-navigation ul li {
+    display: inline-block;
+    margin-right: .8em; }
+  .woocommerce-account .woocommerce-MyAccount-navigation ul li:last-of-type {
+    margin-right: 0; } }
 
 /**
  * Cart