From af15c24d14c53db9a69fb137af95a2592186a5d2 Mon Sep 17 00:00:00 2001
From: Charles Teague <cteague@gmail.com>
Date: Wed, 15 Nov 2023 15:31:25 -0500
Subject: [PATCH] Tweak itables appearance in dashboards

---
 .../formats/dashboard/quarto-dashboard.scss   | 21 +++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/src/resources/formats/dashboard/quarto-dashboard.scss b/src/resources/formats/dashboard/quarto-dashboard.scss
index 9970e42daf..604ece62f1 100644
--- a/src/resources/formats/dashboard/quarto-dashboard.scss
+++ b/src/resources/formats/dashboard/quarto-dashboard.scss
@@ -165,6 +165,24 @@ $dashboard-card-toolbar-top-margin: 6px !default;
   }
 }
 
+@mixin itables {
+  .itables {
+    .dataTables_info {
+      font-size: 0.9em;
+      padding-top: 0;
+      margin-bottom: 0.7em;
+    }
+    .dataTables_filter {
+      label {
+        font-size: 0.9em;
+      }
+      input[type="search"] {
+        padding: 1px;
+      }
+    }
+  }
+}
+
 /*-- scss:rules --*/
 
 // Value Boxes
@@ -786,6 +804,9 @@ $valuebox-colors: (
     // appear above the elements inside of it (notably itables, which cause issues)
     .card-body {
       z-index: 1000;
+
+      // Customize appearance of elements within cards
+      @include itables();
     }
 
     .card-footer {