From patchwork Sat Dec 16 02:10:29 2023 Content-Type: text/plain; charset="utf-8" MIME-Version: 1.0 Content-Transfer-Encoding: 7bit X-Patchwork-Submitter: Mike Frysinger X-Patchwork-Id: 82278 Return-Path: X-Original-To: patchwork@sourceware.org Delivered-To: patchwork@sourceware.org Received: from server2.sourceware.org (localhost [IPv6:::1]) by sourceware.org (Postfix) with ESMTP id B563B3865C2B for ; Sat, 16 Dec 2023 02:10:48 +0000 (GMT) X-Original-To: gdb-patches@sourceware.org Delivered-To: gdb-patches@sourceware.org Received: from smtp.gentoo.org (dev.gentoo.org [IPv6:2001:470:ea4a:1:5054:ff:fec7:86e4]) by sourceware.org (Postfix) with ESMTP id DF9993858424 for ; Sat, 16 Dec 2023 02:10:32 +0000 (GMT) DMARC-Filter: OpenDMARC Filter v1.4.2 sourceware.org DF9993858424 Authentication-Results: sourceware.org; dmarc=pass (p=none dis=none) header.from=gentoo.org Authentication-Results: sourceware.org; spf=pass smtp.mailfrom=gentoo.org ARC-Filter: OpenARC Filter v1.0.0 sourceware.org DF9993858424 Authentication-Results: server2.sourceware.org; arc=none smtp.remote-ip=2001:470:ea4a:1:5054:ff:fec7:86e4 ARC-Seal: i=1; a=rsa-sha256; d=sourceware.org; s=key; t=1702692635; cv=none; b=XgJMxTqQAl53bdErTKwOGAm0tamFaCKiYasUztbLL63Q7ce/zEvFH6ilsRQk0pNpw1RDnjFVkuMz6zROn8u79zRoLb/XkW49eySzMad6SH/zl+CG77o6cn0NmqXvzfg3IA8eYHujAXHoZi/cRuybY976jJV4LChuhGa7QlSvzh4= ARC-Message-Signature: i=1; a=rsa-sha256; d=sourceware.org; s=key; t=1702692635; c=relaxed/simple; bh=uw1KcUgVOZXJcRqXE3uqfAjUs8a3yIxZ2kEwndnwwhU=; h=From:To:Subject:Date:Message-ID:MIME-Version; b=mG/xtPEUVC2cqV7Z/q2JoZXrHf4HPX4GMbXqoreeUfcJu2fIYyw59mYlZKGLau139Hlk+GnXWD186LBjLBJUIxtQoGJC974WGKO/2cJ1DczjMBaO2AL3MQ8aJlOZcStI4t/CUuV5KNYwIYKjT5K132kLDvYYYuRu7FKuoROOL4w= ARC-Authentication-Results: i=1; server2.sourceware.org Received: by smtp.gentoo.org (Postfix, from userid 559) id 17373335DC2; Sat, 16 Dec 2023 02:10:32 +0000 (UTC) From: Mike Frysinger To: gdb-patches@sourceware.org Subject: [PATCH htdocs] tighten up margins on smaller devices Date: Fri, 15 Dec 2023 21:10:29 -0500 Message-ID: <20231216021029.22184-1-vapier@gentoo.org> X-Mailer: git-send-email 2.43.0 MIME-Version: 1.0 X-Spam-Status: No, score=-8.5 required=5.0 tests=BAYES_50, GIT_PATCH_0, JMQ_SPF_NEUTRAL, KAM_DMARC_STATUS, SPF_HELO_PASS, SPF_PASS, TXREP, T_SCC_BODY_TEXT_LINE autolearn=ham autolearn_force=no version=3.4.6 X-Spam-Checker-Version: SpamAssassin 3.4.6 (2021-04-09) on server2.sourceware.org X-BeenThere: gdb-patches@sourceware.org X-Mailman-Version: 2.1.30 Precedence: list List-Id: Gdb-patches mailing list List-Unsubscribe: , List-Archive: List-Post: List-Help: List-Subscribe: , Errors-To: gdb-patches-bounces+patchwork=sourceware.org@sourceware.org Scale down the font size and margins on headers on smaller devices. The defaults cause the GDB title to take up most of the screen, and then the links & page intro take up the rest. Scale down the font so that it's still relatively larger, and tighten up the margins. The content is still comfortably readable. Similarly, tighten the spacing on lists -- the default can quickly suck up horizontal space. The result is still clear how things are broken up, but given more space for reading content. --- css/site.css | 44 ++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 44 insertions(+) diff --git a/css/site.css b/css/site.css index 886dcccb3b0a..985fbde6e888 100644 --- a/css/site.css +++ b/css/site.css @@ -3,6 +3,7 @@ body { background-color: #FFF; color: #000; + margin: 0 0.5em 0 0.5em; } a:link { @@ -43,3 +44,46 @@ a:visited { img#archer-logo { max-width: 25%; } + +/* This is ~768px with 16pt font. */ +@media only screen and (max-width: 50em) { + h1 { + font-size: 1.5em; + } + + h2 { + font-size: 1.3em; + } + + h3 { + font-size: 1.1em; + } + + h1, h2, h3, h4 { + margin: 0.5em 0 0.5em 0; + } +} + +/* This is ~480px with 16pt font. */ +@media only screen and (max-width: 30em) { + h1 { + font-size: 1.3em; + } + + h2 { + font-size: 1.2em; + } + + ul { + padding-left: 1em; + } + + dd { + margin-left: 1em; + } + + /* How many spaces-per-tab. */ + pre { + tab-size: 4; + } +}