diff --git a/packages/view/src/App.scss b/packages/view/src/App.scss index 5bcd4b6f..57d0d11a 100644 --- a/packages/view/src/App.scss +++ b/packages/view/src/App.scss @@ -14,7 +14,7 @@ body { height: 60px; justify-content: space-between; align-items: center; - padding: 0 20px; + padding: 0 12px 0 20px; } .top-container { diff --git a/packages/view/src/components/TemporalFilter/TemporalFilter.scss b/packages/view/src/components/TemporalFilter/TemporalFilter.scss index 250a7890..3d3dce73 100644 --- a/packages/view/src/components/TemporalFilter/TemporalFilter.scss +++ b/packages/view/src/components/TemporalFilter/TemporalFilter.scss @@ -10,12 +10,14 @@ flex-direction: column; align-items: flex-end; gap: 1rem; + position: relative; .reset-button { width: 3rem; - margin-right: 1rem; text-transform: none; background-color: var(--color-tertiary); + position: absolute; + top: 0; } span { diff --git a/packages/view/src/components/TemporalFilter/TemporalFilter.tsx b/packages/view/src/components/TemporalFilter/TemporalFilter.tsx index 4bf44166..0e9c6e4d 100644 --- a/packages/view/src/components/TemporalFilter/TemporalFilter.tsx +++ b/packages/view/src/components/TemporalFilter/TemporalFilter.tsx @@ -6,6 +6,7 @@ import BounceLoader from "react-spinners/BounceLoader"; import { Button } from "@mui/material"; import { useGlobalData } from "hooks"; +import { useLoadingStore } from "store"; import { filterDataByDate, getMinMaxDate, lineChartTimeFormatter, sortBasedOnCommitNode } from "./TemporalFilter.util"; import "./TemporalFilter.scss"; @@ -15,7 +16,6 @@ import { useWindowResize } from "./TemporalFilter.hook"; import type { BrushXSelection } from "./LineChartBrush"; import { createBrush, drawBrush, resetBrush } from "./LineChartBrush"; import { BRUSH_MARGIN, TEMPORAL_FILTER_LINE_CHART_STYLES } from "./LineChart.const"; -import { useLoadingStore } from "store"; const TemporalFilter = () => { const { data, filteredData, setFilteredData, filteredRange, setFilteredRange, setSelectedData } = useGlobalData();