From dfdd3fc248856e0f0f6c86e0bad4dc3f397afb36 Mon Sep 17 00:00:00 2001
From: jessopb <36554050+jessopb@users.noreply.github.com>
Date: Thu, 30 Dec 2021 15:51:28 -0500
Subject: [PATCH] more  whitespace on cards (#7377)

---
 ui/scss/component/_card.scss  | 32 +++++++++++++++++---------------
 ui/scss/init/_base-theme.scss |  3 ++-
 2 files changed, 19 insertions(+), 16 deletions(-)

diff --git a/ui/scss/component/_card.scss b/ui/scss/component/_card.scss
index fd9bbfb12..ecf1f8704 100644
--- a/ui/scss/component/_card.scss
+++ b/ui/scss/component/_card.scss
@@ -98,17 +98,18 @@
 .card__title-section {
   @extend .section__flex;
 
-  @media (min-width: $breakpoint-small) {
-    padding: var(--spacing-s) var(--spacing-m);
-  }
+  //@media (min-width: $breakpoint-small) {
+  //  padding: var(--spacing-s) var(--spacing-m);
+  //}
 }
 
 .card__title-section--body-list {
-  padding-left: var(--spacing-s);
-
-  @media (min-width: $breakpoint-small) {
-    padding: var(--spacing-m);
-  }
+  // this is superfluous
+  //padding-left: var(--spacing-s);
+  //
+  //@media (min-width: $breakpoint-small) {
+  //  padding: var(--spacing-m);
+  //}
 }
 
 .card__title-section--small {
@@ -278,9 +279,9 @@
   justify-content: space-between;
   align-items: flex-start;
   flex-wrap: wrap;
-
+  padding: var(--spacing-l) var(--spacing-l) var(--spacing-m) var(--spacing-l);
   @media (max-width: $breakpoint-small) {
-    padding: var(--spacing-s);
+    padding: var(--spacing-m);
     padding-bottom: 0;
     margin: 0;
     margin-bottom: var(--spacing-s);
@@ -322,9 +323,7 @@
 }
 
 .card__main-actions {
-  padding: var(--spacing-m);
-  padding-bottom: 0;
-  margin-bottom: var(--spacing-s);
+  //margin-bottom: var(--spacing-s);
   border-top: 1px solid var(--color-border);
   height: 100%;
 
@@ -337,7 +336,7 @@
   padding: var(--spacing-s);
 
   @media (min-width: $breakpoint-small) {
-    padding: var(--spacing-m);
+    padding: var(--spacing-l);
   }
 }
 
@@ -364,9 +363,12 @@
 .card__body,
 .card__main-actions {
   padding: var(--spacing-m);
+  @media (min-width: $breakpoint-small) {
+    padding: var(--spacing-l);
+  }
   padding-bottom: 0;
   margin: 0;
-  margin-bottom: var(--spacing-m);
+  //margin-bottom: var(--spacing-m);
 }
 
 .card__bottom-gutter {
diff --git a/ui/scss/init/_base-theme.scss b/ui/scss/init/_base-theme.scss
index bc16c683b..ac54f2740 100644
--- a/ui/scss/init/_base-theme.scss
+++ b/ui/scss/init/_base-theme.scss
@@ -89,7 +89,8 @@
   --color-input-color: var(--color-black);
   --color-input-label: var(--color-gray-5);
   --color-input-placeholder: var(--color-gray-8);
-  --color-input-bg: var(--color-gray-1);
+  //--color-input-bg: var(--color-gray-1);
+  --color-input-bg: var(--color-white);
   --color-input-border: var(--color-gray-3);
   --color-input-border-active: var(--color-secondary);
   --color-input-toggle: var(--color-secondary);