chore styles

app/(protected)/dashboard/records/record-list.tsx

@@ -307,12 +307,6 @@ export default function UserRecordsList({ user, action }: RecordListProps) {
                           setShowForm(false);
                           setFormType("edit");
                           setShowForm(!isShowForm);
-                          if (!isShowForm) {
-                            window.scrollTo({
-                              top: 0,
-                              behavior: "smooth",
-                            });
-                          }
                         }}
                       >
                         <p>Edit</p>

app/(protected)/dashboard/urls/meta-chart.tsx

@@ -7,7 +7,7 @@ import { UrlMeta, User } from "@prisma/client";
 import { VisSingleContainer, VisTooltip, VisTopoJSONMap } from "@unovis/react";
 import { TopoJSONMap } from "@unovis/ts";
 import { WorldMapTopoJSON } from "@unovis/ts/maps";
-import { Area, AreaChart, CartesianGrid, XAxis } from "recharts";
+import { Area, AreaChart, CartesianGrid, XAxis, YAxis } from "recharts";
 
 import { TeamPlanQuota } from "@/config/team";
 import { getCountryName, getDeviceVendor } from "@/lib/contries";
@@ -40,7 +40,7 @@ const chartConfig = {
     color: "hsl(var(--chart-2))",
   },
   uv: {
-    label: "Visitors",
+    label: "Visits",
     color: "hsl(var(--chart-1))",
   },
 };
@@ -256,7 +256,7 @@ export function DailyPVUVChart({
                 className="relative z-30 flex flex-1 flex-col items-center justify-center gap-1 border-t px-6 py-2 text-left even:border-l data-[active=true]:bg-muted/50 sm:border-l sm:border-t-0 sm:px-8 sm:py-3"
                 onClick={() => setActiveChart(chart)}
               >
-                <span className="text-xs text-muted-foreground">
+                <span className="text-sm font-semibold text-muted-foreground">
                   {chartConfig[chart].label}
                 </span>
                 <span className="text-lg font-bold leading-none">
@@ -323,6 +323,7 @@ export function DailyPVUVChart({
                 });
               }}
             />
+            <YAxis width={20} axisLine={false} tickLine={false} />
             <ChartTooltip
               content={
                 <ChartTooltipContent

components/charts/interactive-bar-chart.tsx

@@ -106,29 +106,29 @@ export function InteractiveBarChart() {
   return (
     <Card>
       <CardHeader className="flex flex-col items-stretch space-y-0 border-b p-0 sm:flex-row">
-        <div className="flex flex-1 flex-col justify-center gap-1 px-6 py-5 sm:py-6">
-          <CardTitle>Data Increase</CardTitle>
-          <CardDescription>
-            Showing data increase in:
-            <Select
-              onValueChange={(value: string) => {
-                setTimeRange(value);
-              }}
-              name="time range"
-              defaultValue={timeRange}
-            >
-              <SelectTrigger className="mt-1 w-40 shadow-inner">
-                <SelectValue placeholder="Select a time" />
-              </SelectTrigger>
-              <SelectContent>
-                {DATE_DIMENSION_ENUMS.map((e) => (
-                  <SelectItem key={e.value} value={e.value}>
-                    {e.label}
-                  </SelectItem>
-                ))}
-              </SelectContent>
-            </Select>
-          </CardDescription>
+        <div className="flex w-full flex-1 justify-between gap-2 px-6 py-5 sm:flex-col sm:py-6">
+          <div className="flex flex-col justify-center gap-1">
+            <CardTitle>Data Increase</CardTitle>
+            <CardDescription>Showing data increase in:</CardDescription>
+          </div>
+          <Select
+            onValueChange={(value: string) => {
+              setTimeRange(value);
+            }}
+            name="time range"
+            defaultValue={timeRange}
+          >
+            <SelectTrigger className="w-44 shadow-inner">
+              <SelectValue placeholder="Select a time" />
+            </SelectTrigger>
+            <SelectContent>
+              {DATE_DIMENSION_ENUMS.map((e) => (
+                <SelectItem key={e.value} value={e.value}>
+                  {e.label}
+                </SelectItem>
+              ))}
+            </SelectContent>
+          </Select>
         </div>
 
         <div className="flex">