Adjust card width for mobile

Adjust card width to fit mobile screens.

src/components/analytics/PeriodSelector.tsx

@@ -1,6 +1,7 @@
 
 import React from 'react';
 import { ChevronLeft, ChevronRight } from 'lucide-react';
+import { useIsMobile } from '@/hooks/use-mobile';
 
 interface PeriodSelectorProps {
   selectedPeriod: string;
@@ -13,8 +14,10 @@ const PeriodSelector: React.FC<PeriodSelectorProps> = ({
   onPrevPeriod,
   onNextPeriod
 }) => {
+  const isMobile = useIsMobile();
+
   return (
-    <div className="flex items-center justify-between mb-6">
+    <div className={`flex items-center justify-between mb-6 ${isMobile ? 'w-full' : ''}`}>
       <button 
         className="neuro-flat p-2 rounded-full"
         onClick={onPrevPeriod}