adjust styles

Author: iamping

src/components/app/data-table.tsx

@@ -135,8 +135,7 @@ const columns = [
             <div
               className="week-range"
               style={{
-                // marginLeft: `${position >= 98 ? 96 : position}%`,
-                marginLeft: position < 95 ? `${position}%` : `calc(${position}% - 4px)`,
+                marginLeft: `${position}%`,
                 backgroundColor:
                   position >= 75
                     ? 'var(--chakra-colors-blue-500)'

src/main.css

@@ -185,6 +185,7 @@ h6 {
   background-color: var(--chakra-colors-gray-200);
   position: relative;
   margin-top: 2px;
+  padding-right: 4px;
 }
 
 .week-range {

src/utils/chart.util.ts

@@ -328,7 +328,7 @@ export const chartOptions = (
       buttons: [
         {
           type: 'month',
-          count: 6,
+          count: 8,
           text: 'D',
           title: 'Day',
           dataGrouping: {