From 5cc9d503ff10c273f394839b1c8cccc798ea1dc8 Mon Sep 17 00:00:00 2001
From: Isarra <zhorishna@gmail.com>
Date: Sun, 13 Dec 2020 21:14:38 +0000
Subject: [PATCH] Make tables full-width on mobile, fix weird internal borders

Apparently tables inside of tables are thing, too...

Change-Id: I5c37d2ee2bc42d01f124301038300bc2e1dee81c
---
 resources/screen-common.less |  5 -----
 resources/screen-mobile.less | 13 +++++++++++++
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/resources/screen-common.less b/resources/screen-common.less
index 4763588..6dd0e3e 100644
--- a/resources/screen-common.less
+++ b/resources/screen-common.less
@@ -752,11 +752,6 @@ body :not( :checked ) > .toctogglespan:after {
 		border: 1px solid @base70;
 		padding: 0.4em 0.5em;
 	}
-
-	> tr > th,
-	> * > tr > th {
-		border-bottom-width: 2px;
-	}
 }
 
 .mw-datatable th {
diff --git a/resources/screen-mobile.less b/resources/screen-mobile.less
index 8fb1946..4b859cb 100644
--- a/resources/screen-mobile.less
+++ b/resources/screen-mobile.less
@@ -233,6 +233,19 @@ div.thumb {
 #mw-content {
 	padding: @content-padding;
 	border-width: 0;
+
+	table {
+		width: 100% !important;
+		margin-left: 0;
+		margin-right: 0;
+
+		table {
+			// HOLD ON WHAT ABORT ABORT
+			width: unset !important;
+			margin-left: unset;
+			margin-right: unset;
+		}
+	}
 }
 
 #mw-content-block {