From c4b2b65e8a9fc1bb60e5b7c1d80fbb7d3f807a44 Mon Sep 17 00:00:00 2001
From: Daniel Gustafsson <daniel@yesql.se>
Date: Wed, 3 Nov 2021 22:27:50 +0100
Subject: [PATCH] Reduce size of .btn-double-width on mobile

The width of the double-size button was overflowing on mobile view-
ports. Fix by defining a smaller size in the appropriate @media
section.

Reported-by: Tiago Heras <tiagoheras@hotmail.com>
Reviewed-by: Jonathan Katz <jkatz@postgresql.org>
Discussion: https://postgr.es/m/17262-34829a01de0fd209@postgresql.org
---
 media/css/main.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/media/css/main.css b/media/css/main.css
index 7b0609a4..d97da4dd 100644
--- a/media/css/main.css
+++ b/media/css/main.css
@@ -1601,6 +1601,10 @@ table.sponsor-table tbody tr td:nth-child(3) {
   .pg-jumbotron-header {
     font-size: 1.5rem;
   }
+
+  .btn-double-width {
+    width: 18em;
+  }
 }
 
 /* Script copy buttons */