From f3cf89cf1cb60eba2ab8c6ab808913c399d5576d Mon Sep 17 00:00:00 2001
From: Tim Chamberlain <tchamberlain76@gmail.com>
Date: Thu, 12 Jan 2023 20:08:21 -0600
Subject: [PATCH] SPRINT-18: minor style change on inputs for padding, updated
 for statistics titles to come from widget meta data

---
 src/qqq/components/widgets/DashboardWidgets.tsx      |  3 ++-
 .../components/widgets/statistics/StatisticsCard.tsx |  5 +++--
 src/qqq/styles/qqq-override-styles.css               | 12 ++++++++++++
 3 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/qqq/components/widgets/DashboardWidgets.tsx b/src/qqq/components/widgets/DashboardWidgets.tsx
index 8721617..3cfe2b0 100644
--- a/src/qqq/components/widgets/DashboardWidgets.tsx
+++ b/src/qqq/components/widgets/DashboardWidgets.tsx
@@ -271,7 +271,7 @@ function DashboardWidgets({widgetMetaDataList, tableName, entityPrimaryKey, omit
                widgetMetaData.type === "simpleStatistics" && (
                   widgetData && widgetData[i] && (
                      <SimpleStatisticsCard
-                        title={widgetData[i]?.title}
+                        title={widgetMetaData.label}
                         data={widgetData[i]}
                         increaseIsGood={widgetData[i].increaseIsGood}
                         isCurrency={widgetData[i].isCurrency}
@@ -283,6 +283,7 @@ function DashboardWidgets({widgetMetaDataList, tableName, entityPrimaryKey, omit
                widgetMetaData.type === "statistics" && (
                   widgetData && widgetData[i] && (
                      <StatisticsCard
+                        title={widgetMetaData.label}
                         color={colors.info.main}
                         icon={widgetMetaData.icon}
                         data={widgetData[i]}
diff --git a/src/qqq/components/widgets/statistics/StatisticsCard.tsx b/src/qqq/components/widgets/statistics/StatisticsCard.tsx
index 242ca1a..074ac86 100644
--- a/src/qqq/components/widgets/statistics/StatisticsCard.tsx
+++ b/src/qqq/components/widgets/statistics/StatisticsCard.tsx
@@ -42,6 +42,7 @@ export interface StatisticsCardData
 /////////////////////////
 interface Props
 {
+   title: string
    data: StatisticsCardData;
    color?: "primary" | "secondary" | "info" | "success" | "warning" | "error" | "light" | "dark";
    icon: ReactNode;
@@ -60,9 +61,9 @@ StatisticsCard.defaultProps = {
    increaseIsGood: true
 };
 
-function StatisticsCard({data, color, icon, increaseIsGood}: Props): JSX.Element
+function StatisticsCard({title, data, color, icon, increaseIsGood}: Props): JSX.Element
 {
-   const {title, count, percentageAmount, percentageLabel} = data;
+   const {count, percentageAmount, percentageLabel} = data;
 
    let percentageString = "";
    if (percentageAmount)
diff --git a/src/qqq/styles/qqq-override-styles.css b/src/qqq/styles/qqq-override-styles.css
index af36237..42a8029 100644
--- a/src/qqq/styles/qqq-override-styles.css
+++ b/src/qqq/styles/qqq-override-styles.css
@@ -105,6 +105,18 @@
    font-size: .875rem !important;
 }
 
+.MuiInput-input, .MuiInputLabel-root
+{
+   padding-left: 8px !important;
+   padding-right: 8px !important;
+}
+
+.MuiInputLabel-shrink
+{
+   padding-top: 2px !important;
+   padding-left: 2px !important;
+}
+
 .MuiDataGrid-toolbarContainer .selectionTool
 {
    margin-left: 40px;