From edca9fca7c8692c689fdfe590f394534c76f3551 Mon Sep 17 00:00:00 2001
From: Tunghsiao Liu <t@sparanoid.com>
Date: Thu, 17 Mar 2016 20:37:54 +0800
Subject: [PATCH] fix(styles): wrong table stripes on mobile devices

---
 _app/assets/themes/curtana/_less/common.less | 32 ++++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/_app/assets/themes/curtana/_less/common.less b/_app/assets/themes/curtana/_less/common.less
index 701385006..b99e8e9b9 100644
--- a/_app/assets/themes/curtana/_less/common.less
+++ b/_app/assets/themes/curtana/_less/common.less
@@ -429,9 +429,41 @@ body:hover .latest {
     .margin-offset(-@space-xs, -@space-xs);
     margin-bottom: 1.8rem;
 
+    @media (max-width: @breakpoint-md) {
+      width: calc(100% + (@space-md * 2));
+      .margin-offset(-@space-md, -@space-md);
+    }
+
+    @media (max-width: @breakpoint-sm) {
+      width: calc(100% + (@space-sm * 2));
+      .margin-offset(-@space-sm, -@space-sm);
+    }
+
     th,
     td {
       padding: .6em @space-xs;
+
+      @media (max-width: @breakpoint-md) {
+
+        &:first-child {
+          padding-left: @space-md;
+        }
+
+        &:last-child {
+          padding-right: @space-md;
+        }
+      }
+
+      @media (max-width: @breakpoint-sm) {
+
+        &:first-child {
+          padding-left: @space-sm;
+        }
+
+        &:last-child {
+          padding-right: @space-sm;
+        }
+      }
     }
 
     th {