From 244197b5f8b1f4d73d4ab9ac838334860b55662c Mon Sep 17 00:00:00 2001
From: Lars-Dominik Braun <lars@6xq.net>
Date: Sun, 10 May 2020 10:48:38 +0200
Subject: report: Add translated source table, asymmetry definition

Also fix the layout break point.
---
 lulua/data/report/style.css | 27 ++++++++++++++++++---------
 1 file changed, 18 insertions(+), 9 deletions(-)

(limited to 'lulua/data/report/style.css')

diff --git a/lulua/data/report/style.css b/lulua/data/report/style.css
index d829aa4..e734a0e 100644
--- a/lulua/data/report/style.css
+++ b/lulua/data/report/style.css
@@ -39,6 +39,7 @@ body {
 :lang(ar) {
 	direction: rtl;
 	font-family: "IBM Plex Sans Arabic";
+	text-align: right;
 }
 /* inside ltr text */
 :lang(ar)[dir=ltr] {
@@ -47,8 +48,9 @@ body {
 :lang(en) {
 	direction: ltr;
 	font-family: "IBM Plex Sans";
+	text-align: left;
 }
-h1, h2, h3 {
+h1, h2, h3, th {
 	font-weight: 100;
 }
 h1 {
@@ -121,7 +123,6 @@ div.indepth-card {
 }
 /* for hand/finger stats */
 div.fingerhandstats {
-	text-align: center;
 	display: flex;
 }
 div.fingerhandstats div.fingers {
@@ -131,6 +132,9 @@ div.fingerhandstats div.fingers div {
 	margin: 0.1em;
 	overflow: hidden;
 }
+div.fingerhandstats div.fingers div, div.fingerhandstats div.asymm, div.fingerhandstats div.hand {
+	text-align: center;
+}
 div.fingerhandstats .left {
 	margin-right: 0.5em;
 }
@@ -154,18 +158,20 @@ div.fingerhandstats .fingers .thumb {
 	border: 0.1em solid var(--finger-thumb);
 }
 
+.table-overflow {
+	overflow-x: auto;
+}
+
 table {
 	font-variant-numeric: tabular-nums;
 }
-.pure-table td.numint {
-	text-align: right;
-	padding-right: 0;
+
+table thead {
+	background-color: inherit !important;
 }
 
-.pure-table td.numfrac {
-	border-left: none;
-	text-align: left;
-	padding-left: 0;
+table.pure-table {
+	border: none;
 }
 
 dl.colorcodes dt, dl.colorcodes dd {
@@ -221,3 +227,6 @@ dl.colorcodes .finger.thumb::before {
 .layer.fourth:before {
 	content: "⭨";
 }
+p.remark {
+	font-size: 0.9em;
+}
-- 
cgit v1.2.3