fix: correct margin

thraizz · Mar 2, 2024 · 5d34b28 · 5d34b28
1 parent e53f712
commit 5d34b28
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/components/SessionPicker.tsx b/src/components/SessionPicker.tsx
@@ -59,7 +59,7 @@ export const SessionPicker = () => {
 
   return (
     <div>
-      <BaseLabel className="ml-4">
+      <BaseLabel>
         Select a session to filter data in the table and averages.
       </BaseLabel>
       <Listbox multiple value={selected} onChange={writeSelected}>

diff --git a/src/components/panels/AveragesTable.tsx b/src/components/panels/AveragesTable.tsx
@@ -60,7 +60,7 @@ export const AveragesTable = () => {
         className="ag-theme-quartz"
         style={{ display: "flex", flexDirection: "column" }}
       >
-        <BaseLabel className="py-2 ml-4">
+        <BaseLabel className="py-2">
           Averages for all sessions selected in the Session Picker.
         </BaseLabel>
         <div style={{ height: 500 }}>

diff --git a/src/views/DataView.tsx b/src/views/DataView.tsx
@@ -4,7 +4,7 @@ import { AveragesTable } from "../components/panels/AveragesTable";
 
 export const DataView = () => (
   <div className="flex flex-grow flex-col gap-8 bg-gray-200 py-8">
-    <div className="flex mx-8 flex-col items-center justify-center">
+    <div className="flex mx-6 flex-col items-center justify-center">
       <div className="w-full p-4 bg-gray-100 rounded-md shadow-md flex flex-col gap-4">
         <h2 className="text-2xl font-bold">Sessions</h2>
         <AllDataCombinedTable />