From 27b382859ec0b762287a653b8fea5ba7e1b2b510 Mon Sep 17 00:00:00 2001
From: Chaewon <cw06155@gmail.com>
Date: Thu, 5 Sep 2024 00:06:58 +0900
Subject: [PATCH] =?UTF-8?q?reset=20=EB=B2=84=ED=8A=BC=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/view/src/App.scss                                    | 2 +-
 .../view/src/components/TemporalFilter/TemporalFilter.scss    | 4 +++-
 .../view/src/components/TemporalFilter/TemporalFilter.tsx     | 2 +-
 3 files changed, 5 insertions(+), 3 deletions(-)

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();