From 744617a49b91b36c669b9ba523aa8e8b68837152 Mon Sep 17 00:00:00 2001 From: teddit Date: Wed, 2 Dec 2020 18:29:37 +0100 Subject: [PATCH] trying to make the [-] better for mobile --- dist/css/styles.css | 47 +++++++++++++++++++++++++++------------------ 1 file changed, 28 insertions(+), 19 deletions(-) diff --git a/dist/css/styles.css b/dist/css/styles.css index c1371c8..5960558 100644 --- a/dist/css/styles.css +++ b/dist/css/styles.css @@ -1337,26 +1337,35 @@ code { transition: none; } @media only screen and (max-width: 600px) { - #sidebar { - width: 100%; - } - #sidebar .content { - padding-left: 20px; - padding-right: 20px; - } - #search { - width: 100%; - margin-left: 20px; - margin-top: 30px; - } - #links.sr { - width: calc(100% - 10px); - } - #search form { - width: 240px; + #sidebar { + width: 100%; } - .comment details summary::-webkit-details-marker,.comment details summary::marker { - font-size: 1.25rem; + #sidebar .content { + padding-left: 20px; + padding-right: 20px; + } + #search { + width: 100%; + margin-left: 20px; + margin-top: 30px; + } + #links.sr { + width: calc(100% - 10px); + } + #search form { + width: 240px; + } + .comment details summary::-webkit-details-marker, + .comment details summary::marker { + font-size: 1.25rem; + content: "[ - ]"; + } + .comment details summary { + margin-right: 20px; + margin-bottom: 10px; + } + .comment summary::-webkit-details-marker { + font-size: 1.25rem } }