From 16304beeabbbde4573d80905676fd33457fadfe2 Mon Sep 17 00:00:00 2001
From: "Paul Gauthier (aider)" <paul@aider.chat>
Date: Wed, 19 Mar 2025 13:34:28 -0700
Subject: [PATCH] style: Keep buttons side-by-side on narrow screens with
 responsive CSS

---
 aider/website/assets/home.css | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/aider/website/assets/home.css b/aider/website/assets/home.css
index 4e3dbd450..dbf5f7854 100644
--- a/aider/website/assets/home.css
+++ b/aider/website/assets/home.css
@@ -511,9 +511,16 @@ footer {
     }
     
     .buttons {
-        flex-direction: column;
+        flex-direction: row;
+        flex-wrap: wrap;
         align-items: center;
         justify-content: center;
+        gap: 10px;
+    }
+    
+    .btn {
+        min-width: 120px;
+        text-align: center;
     }
     
     .stats-container {
@@ -585,6 +592,15 @@ footer {
         font-size: 0.9rem;
     }
     
+    .buttons {
+        gap: 8px;
+    }
+    
+    .btn {
+        min-width: 100px;
+        padding: 8px 12px;
+    }
+    
     nav {
         padding: 8px 0;
     }