Fix footer padding (#2402)

dotnet · Feb 25, 2024 · ceae04d · ceae04d
1 parent 09cda89
commit ceae04d
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/src/Aspire.Dashboard/Components/Pages/StructuredLogs.razor.css b/src/Aspire.Dashboard/Components/Pages/StructuredLogs.razor.css
@@ -52,7 +52,6 @@
 
 ::deep .logs-summary-layout > .total-items-footer {
     grid-area: foot;
-    padding-bottom: calc(var(--design-unit) * 2px);
 }
 
 ::deep .wrap {

diff --git a/src/Aspire.Dashboard/Components/Pages/Traces.razor.css b/src/Aspire.Dashboard/Components/Pages/Traces.razor.css
@@ -46,7 +46,6 @@
 
 ::deep.traces-layout > .total-items-footer {
     grid-area: foot;
-    padding-bottom: calc(var(--design-unit) * 2px);
 }
 
 ::deep fluent-progress-ring::part(background) {

diff --git a/src/Aspire.Dashboard/wwwroot/css/app.css b/src/Aspire.Dashboard/wwwroot/css/app.css
@@ -315,3 +315,8 @@ fluent-switch.table-switch::part(label) {
 [data-theme="dark"] .property-grid-container fluent-accordion-item fluent-badge::part(control) {
     background-color: var(--neutral-fill-active);
 }
+
+.total-items-footer {
+    padding-left: calc(var(--design-unit) * 2px);
+    padding-bottom: calc(var(--design-unit) * 2px);
+}