From 7ad6f646a3b1b7c8366372e6d005f4eda61f6944 Mon Sep 17 00:00:00 2001
From: Ashley Anderson <aganders3@gmail.com>
Date: Tue, 2 Apr 2024 20:16:18 -0400
Subject: [PATCH] Match toolbar sizes

---
 src/components/DataControls.tsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/DataControls.tsx b/src/components/DataControls.tsx
index 320fbdda..2cd7fc70 100644
--- a/src/components/DataControls.tsx
+++ b/src/components/DataControls.tsx
@@ -12,7 +12,16 @@ interface DataControlsProps {
 
 export default function DataControls(props: DataControlsProps) {
     return (
-        <Box sx={{ display: "flex", flexDirection: "row", justifyContent: "space-between" }}>
+        <Box
+            sx={{
+                display: "flex",
+                flexDirection: "row",
+                justifyContent: "space-between",
+                // 5px margin makes this bar match the PlaybackControls height
+                // because that component uses primary buttons, which hava a 5px margin
+                margin: "5px",
+            }}
+        >
             {/* TODO: make this do something */}
             <ButtonIcon sdsIcon="infoCircle" sdsSize="large" sdsType="secondary" />