From a727d3e39d7eda6ea8b6dcc15ececa200e1f7308 Mon Sep 17 00:00:00 2001
From: Alex Gladd <alex@alexgladd.com>
Date: Sun, 19 May 2024 12:15:24 -0400
Subject: [PATCH] Fix styling issue with banner on wider screens

---
 package-lock.json | 4 ++--
 package.json      | 2 +-
 src/App.css       | 4 +++-
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 639035a..8a5c03e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "bm-hotgroups",
-  "version": "1.1.0",
+  "version": "1.2.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "bm-hotgroups",
-      "version": "1.1.0",
+      "version": "1.2.1",
       "dependencies": {
         "@fortawesome/fontawesome-svg-core": "^1.2.35",
         "@fortawesome/free-brands-svg-icons": "^5.15.3",
diff --git a/package.json b/package.json
index f38cf5a..792c488 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "bm-hotgroups",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "private": true,
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^1.2.35",
diff --git a/src/App.css b/src/App.css
index 602c98e..3720d5c 100644
--- a/src/App.css
+++ b/src/App.css
@@ -46,6 +46,7 @@ a:focus, a:hover {
 }
 
 #Banner p {
+  text-align: center;
   margin: 0;
 }
 
@@ -114,8 +115,9 @@ a:focus, a:hover {
 @media screen and (min-width: 1440px) {
   #App {
     grid-template-columns: 1fr 1fr;
-    grid-template-rows: auto auto auto;
+    grid-template-rows: auto auto auto auto;
     grid-template-areas:
+      "banner banner"
       "controls controls"
       "actives actives"
       "top-groups top-calls";