From d9ed83c803ad117ccce0ecbbaaa38c0f32d91659 Mon Sep 17 00:00:00 2001
From: Dima Rifai <dima.rifai@gmail.com>
Date: Tue, 3 Dec 2024 22:29:04 +0200
Subject: [PATCH] Issue #387 - Fix padding on schedule to fix issue in shifting
on mobile
---
components/schedule/BackupWitnessSchedule.tsx | 2 +-
components/schedule/WitnessSchedule.tsx | 4 +---
pages/schedule.tsx | 2 +-
3 files changed, 3 insertions(+), 5 deletions(-)
diff --git a/components/schedule/BackupWitnessSchedule.tsx b/components/schedule/BackupWitnessSchedule.tsx
index 14b58c76..102cb12b 100644
--- a/components/schedule/BackupWitnessSchedule.tsx
+++ b/components/schedule/BackupWitnessSchedule.tsx
@@ -61,7 +61,7 @@ const BackupWitnessSchedule: React.FC<BackupWitnessScheduleProps> = ({
return (
<>
<div className="flex w-full overflow-auto">
- <div className="text-text w-[100%] bg-theme dark:bg-theme p-5">
+ <div className="text-text w-[100%] bg-theme dark:bg-theme p-4">
<p className="text-center text-3xl my-2">Backup Witness Schedule</p>
<Table data-testid="table-body">
<TableHeader>
diff --git a/components/schedule/WitnessSchedule.tsx b/components/schedule/WitnessSchedule.tsx
index 08bdbf9f..6f8c3fb3 100644
--- a/components/schedule/WitnessSchedule.tsx
+++ b/components/schedule/WitnessSchedule.tsx
@@ -88,9 +88,8 @@ const WitnessSchedule: React.FC<WitnessSchedule> = ({
blocksLeftBeforeRefetch,
}) => {
return (
- <div>
<div className="flex w-full overflow-auto">
- <div className="text-text w-[100%] bg-theme dark:bg-theme p-5">
+ <div className="text-text w-[100%] bg-theme dark:bg-theme p-4">
<p className="text-center text-3xl my-2">Witness Schedule</p>
<Table data-testid="table-body">
@@ -109,7 +108,6 @@ const WitnessSchedule: React.FC<WitnessSchedule> = ({
</div>
</div>
</div>
- </div>
);
};
diff --git a/pages/schedule.tsx b/pages/schedule.tsx
index a137796c..2ec247fa 100644
--- a/pages/schedule.tsx
+++ b/pages/schedule.tsx
@@ -63,7 +63,7 @@ const Schedule = () => {
<Loader2 className="animate-spin mt-1 h-12 w-12 ml-3 ..." />
</div>
) : (
- <div className="w-full grid lg:grid-cols-2 gap-4 content-start px-[2rem] md:px-[5rem] ">
+ <div className="w-full grid lg:grid-cols-2 gap-4 content-start px-[1rem] md:px-[5rem] ">
<WitnessSchedule
data={scheduledWitnessesData}
currentProducer={producerAccount}
--
GitLab