From 9a61baf02378bc95d13b61dcf274228d08eb336e Mon Sep 17 00:00:00 2001
From: Jack Yao <105488074+StarsExpress@users.noreply.github.com>
Date: Sun, 4 Oct 2026 12:13:42 -0400
Subject: [PATCH] Switched to horizontal bets placement.

Co-Authored-By: Claude <claude@users.noreply.github.com>
---
 .gitignore        | 3 ++-
 README.md         | 8 +++++---
 static/index.html | 4 ++--
 static/style.css  | 6 ++++++
 4 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/.gitignore b/.gitignore
index a331db2..efa7d51 100644
--- a/.gitignore
+++ b/.gitignore
@@ -8,4 +8,5 @@ __pychache__/
 .vscode/
 .DS_Store
 
-node_modules/  # Node tooling (JS lint/format).
+# Node tooling (JS lint/format).
+node_modules/
diff --git a/README.md b/README.md
index 7a55fe8..b5fcb84 100644
--- a/README.md
+++ b/README.md
@@ -16,12 +16,14 @@
 
 ### 🛰️ Metadata
 
-[![main Unit Tests](https://github.com/StarsExpress/MonkeyJOB/actions/workflows/unit_tests.yml/badge.svg?branch=main)](https://github.com/StarsExpress/MonkeyJOB/actions)
-[![main Component Tests](https://github.com/StarsExpress/MonkeyJOB/actions/workflows/component_tests.yml/badge.svg?branch=main)](https://github.com/StarsExpress/MonkeyJOB/actions)
+[![Latest Release](https://img.shields.io/github/v/release/StarsExpress/MonkeyJOB)](https://github.com/StarsExpress/MonkeyJOB/releases)
 [![main Integration Tests](https://github.com/StarsExpress/MonkeyJOB/actions/workflows/integration_tests.yml/badge.svg?branch=main)](https://github.com/StarsExpress/MonkeyJOB/actions)
+
+[![main Component Tests](https://github.com/StarsExpress/MonkeyJOB/actions/workflows/component_tests.yml/badge.svg?branch=main)](https://github.com/StarsExpress/MonkeyJOB/actions)
+[![main Unit Tests](https://github.com/StarsExpress/MonkeyJOB/actions/workflows/unit_tests.yml/badge.svg?branch=main)](https://github.com/StarsExpress/MonkeyJOB/actions)
+
 [![main Black Lint](https://github.com/StarsExpress/MonkeyJOB/actions/workflows/black-lint.yml/badge.svg?branch=main)](https://github.com/StarsExpress/MonkeyJOB/actions)
 [![main JavaScript Lint](https://github.com/StarsExpress/MonkeyJOB/actions/workflows/javascript-lint.yml/badge.svg?branch=main)](https://github.com/StarsExpress/MonkeyJOB/actions)
-[![Latest Release](https://img.shields.io/github/v/release/StarsExpress/MonkeyJOB)](https://github.com/StarsExpress/MonkeyJOB/releases)
 
 ---
 
diff --git a/static/index.html b/static/index.html
index 7b46f3b..b0d4a4a 100644
--- a/static/index.html
+++ b/static/index.html
@@ -6,7 +6,7 @@
 <title>🎰MonkeyJOB's Here</title>
 <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500&display=swap" rel="stylesheet">
 <link rel="icon" type="image/x-icon" href="/static/images/favicon.ico">
-<link rel="stylesheet" href="/static/style.css?v=16">
+<link rel="stylesheet" href="/static/style.css?v=17">
 <link rel="manifest" href="/static/manifest.json">
 </head>
 <body>
@@ -93,7 +93,7 @@ <h2>♠️♥️MonkeyJOB♦️♣️<br>Jack's Online Blackjack</h2>
 
     <!-- Row 2: per-hand selector (hidden when numHands == 1) -->
     <div class="hand-sel-row" id="hand-sel-row" style="display:none;">
-      <div id="hand-sel-btns"></div>
+      <div class="hand-sel-btns" id="hand-sel-btns"></div>
     </div>
 
     <!-- Row 3: bet error -->
diff --git a/static/style.css b/static/style.css
index f6c8b55..d03380c 100644
--- a/static/style.css
+++ b/static/style.css
@@ -736,6 +736,12 @@ body {
   gap: 8px;
   justify-content: center;
 }
+.hand-sel-btns {
+  display: flex;
+  flex-direction: row;
+  gap: 8px;
+  justify-content: center;
+}
 .hand-sel-btn {
   display: flex;
   flex-direction: column;