From patchwork Wed Dec 20 03:14:39 2023 Content-Type: text/plain; charset="utf-8" MIME-Version: 1.0 Content-Transfer-Encoding: 7bit X-Patchwork-Submitter: Mike Frysinger X-Patchwork-Id: 82549 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 09B0B385E010 for ; Wed, 20 Dec 2023 03:15:20 +0000 (GMT) X-Original-To: libc-alpha@sourceware.org Delivered-To: libc-alpha@sourceware.org Received: from smtp.gentoo.org (woodpecker.gentoo.org [140.211.166.183]) by sourceware.org (Postfix) with ESMTP id 554C1385803B for ; Wed, 20 Dec 2023 03:14:48 +0000 (GMT) DMARC-Filter: OpenDMARC Filter v1.4.2 sourceware.org 554C1385803B 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 554C1385803B Authentication-Results: server2.sourceware.org; arc=none smtp.remote-ip=140.211.166.183 ARC-Seal: i=1; a=rsa-sha256; d=sourceware.org; s=key; t=1703042089; cv=none; b=Gua3jN3MbU6obdgWONEjwtFJlLG1yvN1mgHb/MNkNHt44rBO5yA0nAIJrZGeTU4v6gKygLYMciUDaHNZaw3ENDAQvtQRlcwFOv/2PAyaJ4K4l+HL+K6MIyLEAyJg/SXhoFjJOwkaimNe80K9vlvPdprIf7Z6Zv+a8STS4HtrE+M= ARC-Message-Signature: i=1; a=rsa-sha256; d=sourceware.org; s=key; t=1703042089; c=relaxed/simple; bh=snbWJDXveYi00EoDw18CQF44gLrHSsLEj+HOwYMyL/o=; h=From:To:Subject:Date:Message-ID:MIME-Version; b=ri+X5y5C8VLXd3wrbxDCFODVCfV2lpDSaYBwkMqMfD8Z4WjkK51uOTnJD03nGswB/LF6VPkXfBzWCDBMQ5/qiy2H/pNhiOV/y3rREJaCWcfvYMzbWryN0jfwo1MIDEYqbuZl9XLqzQ17xmGcUsR13IJFzq9mVS8xy1iN6D9v1WY= ARC-Authentication-Results: i=1; server2.sourceware.org Received: by smtp.gentoo.org (Postfix, from userid 559) id E6D6333FE60; Wed, 20 Dec 2023 03:14:47 +0000 (UTC) From: Mike Frysinger To: libc-alpha@sourceware.org Subject: [PATCH htdocs 2/2] style: tighten up spacing on smaller devices Date: Tue, 19 Dec 2023 22:14:39 -0500 Message-ID: <20231220031439.495-2-vapier@gentoo.org> X-Mailer: git-send-email 2.43.0 In-Reply-To: <20231220031439.495-1-vapier@gentoo.org> References: <20231220031439.495-1-vapier@gentoo.org> MIME-Version: 1.0 X-Spam-Status: No, score=-9.3 required=5.0 tests=BAYES_20, GIT_PATCH_0, JMQ_SPF_NEUTRAL, KAM_DMARC_STATUS, RCVD_IN_MSPIKE_H3, RCVD_IN_MSPIKE_WL, 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: libc-alpha@sourceware.org X-Mailman-Version: 2.1.30 Precedence: list List-Id: Libc-alpha mailing list List-Unsubscribe: , List-Archive: List-Post: List-Help: List-Subscribe: , Errors-To: libc-alpha-bounces+patchwork=sourceware.org@sourceware.org The current padding & margins work well when on a larger screen -- it provides a very comfortable view. However, on smaller screens, especially on mobile devices, the large amount of whitespace ends up crowding out meaningful content leading to a lot of scrolling. Scale down the spacing on smaller screens to maximize content. The focus is on removing "extra" padding around elements rather then padding among the content itself (e.g., line height and paragraph breaks). Now reading on a phone is very comfortable. --- glibc.css | 28 ++++++++++++++++++++++++++++ 1 file changed, 28 insertions(+) diff --git a/glibc.css b/glibc.css index 04f8f243fce5..40f6d6e2f8d7 100644 --- a/glibc.css +++ b/glibc.css @@ -146,3 +146,31 @@ pre.keys { background:#eee; width:80%; } + +/* This is ~768px with 16pt font. */ +@media only screen and (max-width: 50em) { + body { + margin: 0; + } + + #banner, #footer, #centercontent, #menucontent { + margin-left: 0; + margin-right: 0; + } + + #banner { + min-height: 1em; + } + + #centercontent { + padding: 0; + } + + #menucontent { + padding: 5px; + } + + #banner h1 { + font-size: 1.3em; + } +}