From f27aa636a818e0ff8f65d18c7ec21182a1a25e9e Mon Sep 17 00:00:00 2001
From: Calum Murphy <calumthemurphy@gmail.com>
Date: Wed, 26 Aug 2026 10:19:20 +0100
Subject: [PATCH 1/2] Making further styling tweaks to the rota frontend

---
 frontend/app/components/ClusterSettings.jsx   | 3 ++-
 frontend/app/components/Header.jsx            | 2 +-
 frontend/app/components/PoolSettingsPage.jsx  | 3 ++-
 frontend/app/components/Results.jsx           | 6 ++++--
 frontend/app/components/TeamsSettingsPage.jsx | 3 ++-
 5 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/frontend/app/components/ClusterSettings.jsx b/frontend/app/components/ClusterSettings.jsx
index 2c762e3..0228786 100644
--- a/frontend/app/components/ClusterSettings.jsx
+++ b/frontend/app/components/ClusterSettings.jsx
@@ -360,7 +360,8 @@ export default function ClusterSettingsPage() {
             <div className="p-10 ">
                {/* Header */}
                <div className="mb-10 text-center md:text-left">
-                  <h1 className="text-4xl sm:text-5xl  font-bold text-white">{cluster.name}</h1>
+                   <p className="uppercase tracking-[0.25rem] text-lg text-blue-400">Cluster</p>
+                  <h1 className="mt-3 text-4xl sm:text-5xl  font-bold text-white">{cluster.name}</h1>
 
                   <p className="mt-3 text-lg text-slate-300">Cluster settings and overview</p>
 
diff --git a/frontend/app/components/Header.jsx b/frontend/app/components/Header.jsx
index d821c07..4cce812 100644
--- a/frontend/app/components/Header.jsx
+++ b/frontend/app/components/Header.jsx
@@ -103,7 +103,7 @@ export default function Header() {
    return (
       <header className="sticky top-0 z-50">
          <div className="w-full ">
-            <div className="flex w-full items-center justify-between bg-gradient-to-br from-slate-900 via-slate-800 to-blue-900 px-4 py-4 shadow-xl backdrop-blur-xl">
+            <div className="flex w-full items-center justify-between bg-gradient-to-br from-slate-900 via-slate-800 to-blue-900 px-8 lg:px-14 py-4 shadow-xl backdrop-blur-xl">
                <Link
                   href="/"
                   className="transition-opacity hover:opacity-90"
diff --git a/frontend/app/components/PoolSettingsPage.jsx b/frontend/app/components/PoolSettingsPage.jsx
index b98ab7e..0c96e8a 100644
--- a/frontend/app/components/PoolSettingsPage.jsx
+++ b/frontend/app/components/PoolSettingsPage.jsx
@@ -139,7 +139,8 @@ export default function PoolClustersPage() {
          <div className="relative z-10 w-full">
             <div className="p-10">
                <div className="text-center md:text-left">
-                  <h1 className="text-4xl sm:text-5xl  font-bold text-white">{pool.name}</h1>
+                           <p className="uppercase tracking-[0.25rem] text-lg text-blue-400">Pool</p>
+                  <h1 className="mt-3 text-4xl sm:text-5xl  font-bold text-white">{pool.name}</h1>
 
                   <p className="mt-3 text-lg text-slate-300">
                      Manage clusters assigned to this pool.
diff --git a/frontend/app/components/Results.jsx b/frontend/app/components/Results.jsx
index f6d46a8..0afe00a 100644
--- a/frontend/app/components/Results.jsx
+++ b/frontend/app/components/Results.jsx
@@ -353,7 +353,9 @@ export default function ResultsPage() {
 
                {/* EMPTY STATE */}
                {!loading && reports.length === 0 && (
-                  <p className="mt-8 text-center text-slate-400">No reports found</p>
+                 
+                  <p className="mt-8 w-full text-center text-slate-400">No reports found</p>
+                  
                )}
 
                {/* RESULTS */}
@@ -461,7 +463,7 @@ export default function ResultsPage() {
                </div>
 
                {/* PAGINATION */}
-               {pagination && (
+               {pagination && pagination.totalPages > 0 && (
                   <div className="mt-10 flex flex-col items-stretch gap-3 text-white sm:flex-row sm:items-center sm:justify-between">
                      <button
                         disabled={!pagination.hasPrevPage}
diff --git a/frontend/app/components/TeamsSettingsPage.jsx b/frontend/app/components/TeamsSettingsPage.jsx
index 6e2ae25..1e0d3ae 100644
--- a/frontend/app/components/TeamsSettingsPage.jsx
+++ b/frontend/app/components/TeamsSettingsPage.jsx
@@ -392,7 +392,8 @@ export default function TeamSettingsPage() {
          <div className="relative z-10 w-full">
             <div className="p-10">
                <div className="text-center md:text-left">
-                  <h1 className="text-4xl sm:text-5xl font-bold text-white">{team.name}</h1>
+                      <p className="uppercase tracking-[0.25rem] text-lg text-blue-400">Team</p>
+                  <h1 className="mt-3 text-4xl sm:text-5xl font-bold text-white">{team.name}</h1>
 
                   <p className="mt-3 text-lg text-slate-300">
                      Manage users and pools assigned to this team.

From 99b2ad8901c345030fb960f08b417fc495c28648 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Wed, 26 Aug 2026 09:20:39 +0000
Subject: [PATCH 2/2] chore: apply formatting

---
 frontend/app/components/ClusterSettings.jsx   | 6 ++++--
 frontend/app/components/Form.jsx              | 4 +---
 frontend/app/components/PoolSettingsPage.jsx  | 2 +-
 frontend/app/components/Results.jsx           | 2 --
 frontend/app/components/TeamsSettingsPage.jsx | 2 +-
 5 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/frontend/app/components/ClusterSettings.jsx b/frontend/app/components/ClusterSettings.jsx
index 0228786..f3ad435 100644
--- a/frontend/app/components/ClusterSettings.jsx
+++ b/frontend/app/components/ClusterSettings.jsx
@@ -360,8 +360,10 @@ export default function ClusterSettingsPage() {
             <div className="p-10 ">
                {/* Header */}
                <div className="mb-10 text-center md:text-left">
-                   <p className="uppercase tracking-[0.25rem] text-lg text-blue-400">Cluster</p>
-                  <h1 className="mt-3 text-4xl sm:text-5xl  font-bold text-white">{cluster.name}</h1>
+                  <p className="uppercase tracking-[0.25rem] text-lg text-blue-400">Cluster</p>
+                  <h1 className="mt-3 text-4xl sm:text-5xl  font-bold text-white">
+                     {cluster.name}
+                  </h1>
 
                   <p className="mt-3 text-lg text-slate-300">Cluster settings and overview</p>
 
diff --git a/frontend/app/components/Form.jsx b/frontend/app/components/Form.jsx
index f1772da..f29bb49 100644
--- a/frontend/app/components/Form.jsx
+++ b/frontend/app/components/Form.jsx
@@ -680,9 +680,7 @@ export default function Form() {
                                                             </button>
                                                          </div>
                                                       ) : (
-                                                         <ReactMarkdown
-                                                         
-                                                         >
+                                                         <ReactMarkdown>
                                                             {method.content}
                                                          </ReactMarkdown>
                                                       )}
diff --git a/frontend/app/components/PoolSettingsPage.jsx b/frontend/app/components/PoolSettingsPage.jsx
index 0c96e8a..e0a5028 100644
--- a/frontend/app/components/PoolSettingsPage.jsx
+++ b/frontend/app/components/PoolSettingsPage.jsx
@@ -139,7 +139,7 @@ export default function PoolClustersPage() {
          <div className="relative z-10 w-full">
             <div className="p-10">
                <div className="text-center md:text-left">
-                           <p className="uppercase tracking-[0.25rem] text-lg text-blue-400">Pool</p>
+                  <p className="uppercase tracking-[0.25rem] text-lg text-blue-400">Pool</p>
                   <h1 className="mt-3 text-4xl sm:text-5xl  font-bold text-white">{pool.name}</h1>
 
                   <p className="mt-3 text-lg text-slate-300">
diff --git a/frontend/app/components/Results.jsx b/frontend/app/components/Results.jsx
index 0afe00a..4be0f23 100644
--- a/frontend/app/components/Results.jsx
+++ b/frontend/app/components/Results.jsx
@@ -353,9 +353,7 @@ export default function ResultsPage() {
 
                {/* EMPTY STATE */}
                {!loading && reports.length === 0 && (
-                 
                   <p className="mt-8 w-full text-center text-slate-400">No reports found</p>
-                  
                )}
 
                {/* RESULTS */}
diff --git a/frontend/app/components/TeamsSettingsPage.jsx b/frontend/app/components/TeamsSettingsPage.jsx
index 1e0d3ae..283544b 100644
--- a/frontend/app/components/TeamsSettingsPage.jsx
+++ b/frontend/app/components/TeamsSettingsPage.jsx
@@ -392,7 +392,7 @@ export default function TeamSettingsPage() {
          <div className="relative z-10 w-full">
             <div className="p-10">
                <div className="text-center md:text-left">
-                      <p className="uppercase tracking-[0.25rem] text-lg text-blue-400">Team</p>
+                  <p className="uppercase tracking-[0.25rem] text-lg text-blue-400">Team</p>
                   <h1 className="mt-3 text-4xl sm:text-5xl font-bold text-white">{team.name}</h1>
 
                   <p className="mt-3 text-lg text-slate-300">