[BUGFIX] Streamline card paddings

benjaminkott · Aug 9, 2021 · 34fb30a · 34fb30a
1 parent ef50a0c
commit 34fb30a
Show file tree

Hide file tree

Showing 10 changed files with 30 additions and 30 deletions.
diff --git a/Resources/Public/Css/bootstrap4-rte.css b/Resources/Public/Css/bootstrap4-rte.css
@@ -5120,11 +5120,11 @@ input[type="button"].btn-block {
 }
 
 .card-title {
-  margin-bottom: 1rem;
+  margin-bottom: 1.5rem;
 }
 
 .card-subtitle {
-  margin-top: -0.5rem;
+  margin-top: -0.75rem;
   margin-bottom: 0;
 }
 
@@ -5141,7 +5141,7 @@ input[type="button"].btn-block {
 }
 
 .card-header {
-  padding: 1rem 1.5rem;
+  padding: 1.5rem 1.5rem;
   margin-bottom: 0;
   background-color: rgba(0, 0, 0, 0.03);
   border-bottom: 1px solid rgba(0, 0, 0, 0.125);
@@ -5152,7 +5152,7 @@ input[type="button"].btn-block {
 }
 
 .card-footer {
-  padding: 1rem 1.5rem;
+  padding: 1.5rem 1.5rem;
   background-color: rgba(0, 0, 0, 0.03);
   border-top: 1px solid rgba(0, 0, 0, 0.125);
 }
@@ -5163,7 +5163,7 @@ input[type="button"].btn-block {
 
 .card-header-tabs {
   margin-right: -0.75rem;
-  margin-bottom: -1rem;
+  margin-bottom: -1.5rem;
   margin-left: -0.75rem;
   border-bottom: 0;
 }
@@ -5265,7 +5265,7 @@ input[type="button"].btn-block {
 }
 
 .card-columns .card {
-  margin-bottom: 1rem;
+  margin-bottom: 1.5rem;
 }
 
 @media (min-width: 576px) {
@@ -12008,7 +12008,7 @@ ul.list-inline > li {
   background: var(--cardpanel-header-background);
   color: var(--cardpanel-header-color);
   font-size: 1rem !important;
-  padding: 1rem 1.5rem;
+  padding: 1.5rem 1.5rem;
 }
 
 .card-panel-primary {

diff --git a/Resources/Public/Css/bootstrap4-rte.min.css b/Resources/Public/Css/bootstrap4-rte.min.css
diff --git a/Resources/Public/Css/bootstrap4-theme.css b/Resources/Public/Css/bootstrap4-theme.css
@@ -5120,11 +5120,11 @@ input[type="button"].btn-block {
 }
 
 .card-title {
-  margin-bottom: 1rem;
+  margin-bottom: 1.5rem;
 }
 
 .card-subtitle {
-  margin-top: -0.5rem;
+  margin-top: -0.75rem;
   margin-bottom: 0;
 }
 
@@ -5141,7 +5141,7 @@ input[type="button"].btn-block {
 }
 
 .card-header {
-  padding: 1rem 1.5rem;
+  padding: 1.5rem 1.5rem;
   margin-bottom: 0;
   background-color: rgba(0, 0, 0, 0.03);
   border-bottom: 1px solid rgba(0, 0, 0, 0.125);
@@ -5152,7 +5152,7 @@ input[type="button"].btn-block {
 }
 
 .card-footer {
-  padding: 1rem 1.5rem;
+  padding: 1.5rem 1.5rem;
   background-color: rgba(0, 0, 0, 0.03);
   border-top: 1px solid rgba(0, 0, 0, 0.125);
 }
@@ -5163,7 +5163,7 @@ input[type="button"].btn-block {
 
 .card-header-tabs {
   margin-right: -0.75rem;
-  margin-bottom: -1rem;
+  margin-bottom: -1.5rem;
   margin-left: -0.75rem;
   border-bottom: 0;
 }
@@ -5265,7 +5265,7 @@ input[type="button"].btn-block {
 }
 
 .card-columns .card {
-  margin-bottom: 1rem;
+  margin-bottom: 1.5rem;
 }
 
 @media (min-width: 576px) {
@@ -12008,7 +12008,7 @@ ul.list-inline > li {
   background: var(--cardpanel-header-background);
   color: var(--cardpanel-header-color);
   font-size: 1rem !important;
-  padding: 1rem 1.5rem;
+  padding: 1.5rem 1.5rem;
 }
 
 .card-panel-primary {

diff --git a/Resources/Public/Css/bootstrap4-theme.min.css b/Resources/Public/Css/bootstrap4-theme.min.css
diff --git a/Resources/Public/Css/bootstrap5-rte.css b/Resources/Public/Css/bootstrap5-rte.css
@@ -4705,7 +4705,7 @@ fieldset:disabled .cc-btn {
 
 .card-body {
   flex: 1 1 auto;
-  padding: 1rem 1.5rem;
+  padding: 1.5rem 1.5rem;
 }
 
 .card-title {
@@ -4730,7 +4730,7 @@ fieldset:disabled .cc-btn {
 }
 
 .card-header {
-  padding: 0.5rem 1.5rem;
+  padding: 0.75rem 1.5rem;
   margin-bottom: 0;
   background-color: rgba(0, 0, 0, 0.03);
   border-bottom: 1px solid rgba(0, 0, 0, 0.125);
@@ -4741,7 +4741,7 @@ fieldset:disabled .cc-btn {
 }
 
 .card-footer {
-  padding: 0.5rem 1.5rem;
+  padding: 0.75rem 1.5rem;
   background-color: rgba(0, 0, 0, 0.03);
   border-top: 1px solid rgba(0, 0, 0, 0.125);
 }
@@ -4752,7 +4752,7 @@ fieldset:disabled .cc-btn {
 
 .card-header-tabs {
   margin-right: -0.75rem;
-  margin-bottom: -0.5rem;
+  margin-bottom: -0.75rem;
   margin-left: -0.75rem;
   border-bottom: 0;
 }
@@ -14051,7 +14051,7 @@ textarea.form-control.error {
   background: var(--cardpanel-header-background);
   color: var(--cardpanel-header-color);
   font-size: 1rem !important;
-  padding: 1rem 1.5rem;
+  padding: 1.5rem 1.5rem;
 }
 
 .card-panel-primary {

diff --git a/Resources/Public/Css/bootstrap5-rte.min.css b/Resources/Public/Css/bootstrap5-rte.min.css
diff --git a/Resources/Public/Css/bootstrap5-theme.css b/Resources/Public/Css/bootstrap5-theme.css
@@ -4705,7 +4705,7 @@ fieldset:disabled .cc-btn {
 
 .card-body {
   flex: 1 1 auto;
-  padding: 1rem 1.5rem;
+  padding: 1.5rem 1.5rem;
 }
 
 .card-title {
@@ -4730,7 +4730,7 @@ fieldset:disabled .cc-btn {
 }
 
 .card-header {
-  padding: 0.5rem 1.5rem;
+  padding: 0.75rem 1.5rem;
   margin-bottom: 0;
   background-color: rgba(0, 0, 0, 0.03);
   border-bottom: 1px solid rgba(0, 0, 0, 0.125);
@@ -4741,7 +4741,7 @@ fieldset:disabled .cc-btn {
 }
 
 .card-footer {
-  padding: 0.5rem 1.5rem;
+  padding: 0.75rem 1.5rem;
   background-color: rgba(0, 0, 0, 0.03);
   border-top: 1px solid rgba(0, 0, 0, 0.125);
 }
@@ -4752,7 +4752,7 @@ fieldset:disabled .cc-btn {
 
 .card-header-tabs {
   margin-right: -0.75rem;
-  margin-bottom: -0.5rem;
+  margin-bottom: -0.75rem;
   margin-left: -0.75rem;
   border-bottom: 0;
 }
@@ -14051,7 +14051,7 @@ textarea.form-control.error {
   background: var(--cardpanel-header-background);
   color: var(--cardpanel-header-color);
   font-size: 1rem !important;
-  padding: 1rem 1.5rem;
+  padding: 1.5rem 1.5rem;
 }
 
 .card-panel-primary {

diff --git a/Resources/Public/Css/bootstrap5-theme.min.css b/Resources/Public/Css/bootstrap5-theme.min.css
diff --git a/Resources/Public/Scss/bootstrap4/_variables.scss b/Resources/Public/Scss/bootstrap4/_variables.scss
@@ -110,7 +110,7 @@ $navbar-heights: (
 //
 // Cards
 // --------------------------------------------------
-$card-spacer-y:                     1rem !default;
+$card-spacer-y:                     1.5rem !default;
 $card-spacer-x:                     1.5rem !default;
 
 //

diff --git a/Resources/Public/Scss/bootstrap5/_variables.scss b/Resources/Public/Scss/bootstrap5/_variables.scss
@@ -108,7 +108,7 @@ $navbar-heights: (
 //
 // Cards
 // --------------------------------------------------
-$card-spacer-y:                     1rem !default;
+$card-spacer-y:                     1.5rem !default;
 $card-spacer-x:                     1.5rem !default;
 
 //