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

diff --git a/media/css/main.css b/media/css/main.css
index 7b0609a4b3456d0b6957f0b2fef8c929ce5c9773..d97da4dd0ad10534c10788dccb539584ce72f200 100644 (file)
--- 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 */