git: e8c44c0384 - main - Adjust layout of the "Donate to FreeBSD" button on the website

From: Mateusz Piotrowski <0mp_at_FreeBSD.org>
Date: Mon, 15 Jul 2024 18:35:19 UTC
The branch main has been updated by 0mp:

URL: https://cgit.FreeBSD.org/doc/commit/?id=e8c44c03840f6959f3a31ad2f076fc8b5f6fe5f7

commit e8c44c03840f6959f3a31ad2f076fc8b5f6fe5f7
Author:     Janek Szynal <mail@janek.ooo>
AuthorDate: 2024-07-15 18:33:19 +0000
Commit:     Mateusz Piotrowski <0mp@FreeBSD.org>
CommitDate: 2024-07-15 18:33:29 +0000

    Adjust layout of the "Donate to FreeBSD" button on the website
    
    The "Donate to FreeBSD" button on the website has large side margins,
    which cause the text on the button to break into two lines, which in
    turn causes the button to not have any spacing from the top edge of the
    top bar, and the search form to not have any spacing from the bottom. I
    believe this is unintentional, especially as man.freebsd.org does not
    have this problem.
    
    This proposed change decreases the margin and makes some small further adjustment.
    
    Reviewed by:            0mp
    Differential Revision:  https://reviews.freebsd.org/D45802
---
 website/content/en/layout/css/layout.css                 | 2 +-
 website/themes/beastie/layouts/partials/site-header.html | 1 -
 website/themes/beastie/static/css/layout.css             | 4 ++--
 3 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/website/content/en/layout/css/layout.css b/website/content/en/layout/css/layout.css
index f5f1bceae0..5a13a95274 100644
--- a/website/content/en/layout/css/layout.css
+++ b/website/content/en/layout/css/layout.css
@@ -89,7 +89,7 @@
 }
 
 #search form #words {
-  width: 50%;
+  width: 65%;
   border: 1px solid #DADADA;
   background: #FFFFFF;
   color: #666;
diff --git a/website/themes/beastie/layouts/partials/site-header.html b/website/themes/beastie/layouts/partials/site-header.html
index 4edba1e8be..6bb1ac5e90 100755
--- a/website/themes/beastie/layouts/partials/site-header.html
+++ b/website/themes/beastie/layouts/partials/site-header.html
@@ -15,7 +15,6 @@
         <input type="hidden" name="kh" value="1">
         <input type="hidden" name="kj" value="r2">
         <input id="words" name="q" type="text" size="20" maxlength="255" onfocus="if( this.value==this.defaultValue ) this.value='';" value={{ i18n "search" }} placeholder={{ i18n "search" }}>
-        <span>&nbsp;</span>
         <input id="submit" name="submit" type="submit" value={{ i18n "search" }}>
       </form>
     </div>
diff --git a/website/themes/beastie/static/css/layout.css b/website/themes/beastie/static/css/layout.css
index 43527d12dc..c43630a0d0 100644
--- a/website/themes/beastie/static/css/layout.css
+++ b/website/themes/beastie/static/css/layout.css
@@ -60,7 +60,7 @@ header {
 }
 
 #search form #words {
-  width: 50%;
+  width: 65%;
   border: 1px solid #DADADA;
   background: #FFFFFF;
   color: #666;
@@ -440,7 +440,7 @@ header {
 .donate {
   background-color: white;
   border-radius: 10px;
-  padding: 2% 15%;
+  padding: 2% 8%;
   margin-bottom: 3%;
   text-align: center;
   font-weight: bold;