From 5a6639026663b65a18f1fa303def7d4c78eb6d38 Mon Sep 17 00:00:00 2001
From: Conrad Zelck <git@simpel.cc>
Date: Wed, 13 Dec 2023 17:12:50 +0100
Subject: [PATCH] style: adapt to smaller devices
Signed-off-by: Conrad Zelck <git@simpel.cc>
---
style.css | 23 ++++++++++++++++-------
1 file changed, 16 insertions(+), 7 deletions(-)
diff --git a/style.css b/style.css
index 95af336..6234120 100644
--- a/style.css
+++ b/style.css
@@ -50,7 +50,7 @@ a:not([href]) {
}
header {
- margin-bottom: 1.5em;
+ margin-bottom: 1.0em;
}
nav {
@@ -185,7 +185,11 @@ input[type=radio] {
accent-color: #333;
}
-th, tr:nth-child(even) {
+th {
+ background-color: #444444;
+}
+
+tr:nth-child(even) {
background-color: #505050;
}
@@ -250,6 +254,10 @@ main .first-in-main {
padding-top: calc(var(--default-top-padding) - 0.8em);
}
+.horizontal {
+ margin-top: 10px;
+}
+
.horizontal label {
margin-right: 10px;
}
@@ -264,6 +272,10 @@ th, td {
padding-right: 10px;
}
+#copyIcon {
+ margin-left: 10px;
+}
+
.space {
margin: 0.6em;
}
@@ -355,8 +367,5 @@ p#source {
***************************************************************************** */
/* iPhone 13 mini portrait (max-width: 375px) */
-@media (max-width: 600px) {
- .horizontal {
- display: inline-block;
- }
-}
+/* @media (max-width: 600px) {
+} */
--
GitLab