From 32081455c1d182ac0bd8a3f0601b789386aba966 Mon Sep 17 00:00:00 2001
From: hclarkEnq <hclark@enquizit.com>
Date: Mon, 14 Oct 2024 09:38:45 -0400
Subject: [PATCH 1/4] [CNFT1-3364-panel-button-fixes] changing reset button
 styles and adding panel min-width

---
 .../table/preferences/ColumnPreferencesPanel.tsx           | 2 +-
 .../table/preferences/column-preference-panel.module.scss  | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/apps/modernization-ui/src/design-system/table/preferences/ColumnPreferencesPanel.tsx b/apps/modernization-ui/src/design-system/table/preferences/ColumnPreferencesPanel.tsx
index 39690b3ce4..918b50cdcb 100644
--- a/apps/modernization-ui/src/design-system/table/preferences/ColumnPreferencesPanel.tsx
+++ b/apps/modernization-ui/src/design-system/table/preferences/ColumnPreferencesPanel.tsx
@@ -103,7 +103,7 @@ const ColumnPreferencesPanel = ({ close }: Props) => {
                 </Droppable>
             </DragDropContext>
             <footer>
-                <Button unstyled onClick={handleReset}>
+                <Button className={styles.reset} unstyled onClick={handleReset}>
                     Reset
                 </Button>
                 <Button type="button" id="save-column-preferences" outline onClick={handleSave}>
diff --git a/apps/modernization-ui/src/design-system/table/preferences/column-preference-panel.module.scss b/apps/modernization-ui/src/design-system/table/preferences/column-preference-panel.module.scss
index f7c80b911f..71edefffe3 100644
--- a/apps/modernization-ui/src/design-system/table/preferences/column-preference-panel.module.scss
+++ b/apps/modernization-ui/src/design-system/table/preferences/column-preference-panel.module.scss
@@ -4,6 +4,7 @@
 .panel {
     display: flex;
     flex-direction: column;
+    min-width: 15.5rem;
 
     header {
         display: flex;
@@ -29,6 +30,12 @@
         gap: 1rem;
 
         @extend %thin-top;
+
+        .reset {
+            padding: 0;
+            font-size: 0.875rem;
+            min-width: auto;
+        }
     }
 }
 

From ca499ebaaf9cf33d2cac6e0b0523001f633d2bdc Mon Sep 17 00:00:00 2001
From: hclarkEnq <hclark@enquizit.com>
Date: Mon, 14 Oct 2024 15:29:21 -0400
Subject: [PATCH 2/4] removing min-width and adjusting panel width

---
 .../options/table/search-results-table-options.module.scss      | 2 +-
 .../table/preferences/column-preference-panel.module.scss       | 1 -
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/apps/modernization-ui/src/apps/search/layout/result/header/options/table/search-results-table-options.module.scss b/apps/modernization-ui/src/apps/search/layout/result/header/options/table/search-results-table-options.module.scss
index 3fbf3be676..ea59ef4f0d 100644
--- a/apps/modernization-ui/src/apps/search/layout/result/header/options/table/search-results-table-options.module.scss
+++ b/apps/modernization-ui/src/apps/search/layout/result/header/options/table/search-results-table-options.module.scss
@@ -1,7 +1,7 @@
 @use 'styles/colors';
 
 .overlay {
-    --modal-min-width: 14.3125rem;
+    --modal-min-width: 15.5rem;
 }
 
 .gear {
diff --git a/apps/modernization-ui/src/design-system/table/preferences/column-preference-panel.module.scss b/apps/modernization-ui/src/design-system/table/preferences/column-preference-panel.module.scss
index 71edefffe3..fd07043358 100644
--- a/apps/modernization-ui/src/design-system/table/preferences/column-preference-panel.module.scss
+++ b/apps/modernization-ui/src/design-system/table/preferences/column-preference-panel.module.scss
@@ -4,7 +4,6 @@
 .panel {
     display: flex;
     flex-direction: column;
-    min-width: 15.5rem;
 
     header {
         display: flex;

From 2090cd41b3e58c06acb7220d9cc71fd7f5822201 Mon Sep 17 00:00:00 2001
From: hclarkEnq <hclark@enquizit.com>
Date: Tue, 15 Oct 2024 14:00:54 -0400
Subject: [PATCH 3/4] adjusting panel and reset button styles adding unstyled
 properties on button

---
 .../table/search-results-table-options.module.scss        | 2 +-
 .../src/components/button/Button.module.scss              | 8 ++++++++
 apps/modernization-ui/src/components/button/Button.tsx    | 3 ++-
 .../table/preferences/column-preference-panel.module.scss | 4 +---
 .../src/overlay/overlay-panel.module.scss                 | 4 ++--
 5 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/apps/modernization-ui/src/apps/search/layout/result/header/options/table/search-results-table-options.module.scss b/apps/modernization-ui/src/apps/search/layout/result/header/options/table/search-results-table-options.module.scss
index ea59ef4f0d..c5d594fef0 100644
--- a/apps/modernization-ui/src/apps/search/layout/result/header/options/table/search-results-table-options.module.scss
+++ b/apps/modernization-ui/src/apps/search/layout/result/header/options/table/search-results-table-options.module.scss
@@ -1,7 +1,7 @@
 @use 'styles/colors';
 
 .overlay {
-    --modal-min-width: 15.5rem;
+    --modal-min-width: 17.1875rem;
 }
 
 .gear {
diff --git a/apps/modernization-ui/src/components/button/Button.module.scss b/apps/modernization-ui/src/components/button/Button.module.scss
index 6bb349db17..0ea1e05322 100644
--- a/apps/modernization-ui/src/components/button/Button.module.scss
+++ b/apps/modernization-ui/src/components/button/Button.module.scss
@@ -17,3 +17,11 @@
     line-height: 162%;
     font-style: normal;
 }
+
+.unstyled {
+    text-decoration: none !important;
+
+    &:hover {
+        text-decoration: underline !important;
+    }
+}
diff --git a/apps/modernization-ui/src/components/button/Button.tsx b/apps/modernization-ui/src/components/button/Button.tsx
index ac0ff3f0f4..a898dcb461 100644
--- a/apps/modernization-ui/src/components/button/Button.tsx
+++ b/apps/modernization-ui/src/components/button/Button.tsx
@@ -33,7 +33,8 @@ const Button = ({
     const classesAarray = classNames(className, {
         [styles.destructive]: destructive,
         [styles.icon]: icon,
-        [styles.unpadded]: unpadded
+        [styles.unpadded]: unpadded,
+        [styles.unstyled]: unstyled
     });
 
     return (
diff --git a/apps/modernization-ui/src/design-system/table/preferences/column-preference-panel.module.scss b/apps/modernization-ui/src/design-system/table/preferences/column-preference-panel.module.scss
index fd07043358..257f659b66 100644
--- a/apps/modernization-ui/src/design-system/table/preferences/column-preference-panel.module.scss
+++ b/apps/modernization-ui/src/design-system/table/preferences/column-preference-panel.module.scss
@@ -26,14 +26,12 @@
         display: flex;
         justify-content: center;
         padding: 1.5rem;
-        gap: 1rem;
+        gap: 2.2rem;
 
         @extend %thin-top;
 
         .reset {
             padding: 0;
-            font-size: 0.875rem;
-            min-width: auto;
         }
     }
 }
diff --git a/apps/modernization-ui/src/overlay/overlay-panel.module.scss b/apps/modernization-ui/src/overlay/overlay-panel.module.scss
index bf8925e12b..dace21b6ae 100644
--- a/apps/modernization-ui/src/overlay/overlay-panel.module.scss
+++ b/apps/modernization-ui/src/overlay/overlay-panel.module.scss
@@ -10,10 +10,10 @@
     dialog {
         position: absolute;
         z-index: 100;
-        top: 0;
+        top: calc(100% + 0.5rem);
+        right: 0.5rem;
 
         min-width: var(--modal-min-width);
-        margin: 2.5rem 0.5rem 0 0.5rem;
         padding: 0;
 
         border-radius: 5px;

From 114221ae2be9a4d63e644cb233183dd6ffbf729d Mon Sep 17 00:00:00 2001
From: hclarkEnq <hclark@enquizit.com>
Date: Wed, 16 Oct 2024 11:04:34 -0400
Subject: [PATCH 4/4] adding reset style changes for button

---
 .../src/components/button/Button.module.scss              | 8 --------
 apps/modernization-ui/src/components/button/Button.tsx    | 3 +--
 .../table/preferences/ColumnPreferencesPanel.tsx          | 2 +-
 .../table/preferences/column-preference-panel.module.scss | 6 ++++++
 4 files changed, 8 insertions(+), 11 deletions(-)

diff --git a/apps/modernization-ui/src/components/button/Button.module.scss b/apps/modernization-ui/src/components/button/Button.module.scss
index 0ea1e05322..6bb349db17 100644
--- a/apps/modernization-ui/src/components/button/Button.module.scss
+++ b/apps/modernization-ui/src/components/button/Button.module.scss
@@ -17,11 +17,3 @@
     line-height: 162%;
     font-style: normal;
 }
-
-.unstyled {
-    text-decoration: none !important;
-
-    &:hover {
-        text-decoration: underline !important;
-    }
-}
diff --git a/apps/modernization-ui/src/components/button/Button.tsx b/apps/modernization-ui/src/components/button/Button.tsx
index a898dcb461..ac0ff3f0f4 100644
--- a/apps/modernization-ui/src/components/button/Button.tsx
+++ b/apps/modernization-ui/src/components/button/Button.tsx
@@ -33,8 +33,7 @@ const Button = ({
     const classesAarray = classNames(className, {
         [styles.destructive]: destructive,
         [styles.icon]: icon,
-        [styles.unpadded]: unpadded,
-        [styles.unstyled]: unstyled
+        [styles.unpadded]: unpadded
     });
 
     return (
diff --git a/apps/modernization-ui/src/design-system/table/preferences/ColumnPreferencesPanel.tsx b/apps/modernization-ui/src/design-system/table/preferences/ColumnPreferencesPanel.tsx
index 918b50cdcb..aeb2e00103 100644
--- a/apps/modernization-ui/src/design-system/table/preferences/ColumnPreferencesPanel.tsx
+++ b/apps/modernization-ui/src/design-system/table/preferences/ColumnPreferencesPanel.tsx
@@ -103,7 +103,7 @@ const ColumnPreferencesPanel = ({ close }: Props) => {
                 </Droppable>
             </DragDropContext>
             <footer>
-                <Button className={styles.reset} unstyled onClick={handleReset}>
+                <Button className={styles.reset} onClick={handleReset}>
                     Reset
                 </Button>
                 <Button type="button" id="save-column-preferences" outline onClick={handleSave}>
diff --git a/apps/modernization-ui/src/design-system/table/preferences/column-preference-panel.module.scss b/apps/modernization-ui/src/design-system/table/preferences/column-preference-panel.module.scss
index 257f659b66..e315bc30fb 100644
--- a/apps/modernization-ui/src/design-system/table/preferences/column-preference-panel.module.scss
+++ b/apps/modernization-ui/src/design-system/table/preferences/column-preference-panel.module.scss
@@ -32,6 +32,12 @@
 
         .reset {
             padding: 0;
+            background-color: transparent;
+            color: colors.$primary;
+
+            &:hover {
+                text-decoration: underline;
+            }
         }
     }
 }