Mobile/standardization tweaks

dashboard/src/components/dashboard/AircallDashboard.jsx

@@ -352,15 +352,10 @@ const AircallDashboard = () => {
           <div className="flex justify-between items-center">
             <div>
               <CardTitle className="text-xl font-semibold text-gray-900 dark:text-gray-100">Calls</CardTitle>
-              {lastUpdated && (
-                <CardDescription className="mt-1">
-                  Last updated: {new Date(lastUpdated).toLocaleString()}
-                </CardDescription>
-              )}
             </div>
 
             <Select value={timeRange} onValueChange={setTimeRange}>
-              <SelectTrigger className="w-[180px] h-9">
+              <SelectTrigger className="w-[130px] h-9">
                 <SelectValue placeholder="Select range" />
               </SelectTrigger>
               <SelectContent>

dashboard/src/components/dashboard/GorgiasOverview.jsx

@@ -298,7 +298,7 @@ const GorgiasOverview = () => {
               value={timeRange}
               onValueChange={(value) => setTimeRange(value)}
             >
-              <SelectTrigger className="w-[140px] bg-white dark:bg-gray-800">
+              <SelectTrigger className="w-[130px] bg-white dark:bg-gray-800">
                 <SelectValue placeholder="Select range">
                   {TIME_RANGES[timeRange]}
                 </SelectValue>

dashboard/src/components/dashboard/KlaviyoCampaigns.jsx

@@ -186,14 +186,14 @@ const KlaviyoCampaigns = ({ className }) => {
             Klaviyo Campaigns
           </CardTitle>
           <div className="flex gap-2">
-            <div className="flex flex-wrap gap-1 items-center">
+            <div className="flex ml-1 gap-1 items-center">
               <Button
                 variant={selectedChannels.email ? "default" : "outline"}
                 size="sm"
                 onClick={() => setSelectedChannels(prev => ({ ...prev, email: !prev.email }))}
               >
                 <Mail className="h-4 w-4" />
-                Email
+                <span className="hidden sm:inline">Email</span>
               </Button>
               <Button
                 variant={selectedChannels.sms ? "default" : "outline"}
@@ -201,11 +201,11 @@ const KlaviyoCampaigns = ({ className }) => {
                 onClick={() => setSelectedChannels(prev => ({ ...prev, sms: !prev.sms }))}
               >
                 <MessageSquare className="h-4 w-4" />
-                SMS
+                <span className="hidden sm:inline">SMS</span>
               </Button>
             </div>
             <Select value={selectedTimeRange} onValueChange={setSelectedTimeRange}>
-              <SelectTrigger className="w-[180px]">
+              <SelectTrigger className="w-[130px]">
                 <SelectValue placeholder="Select time range" />
               </SelectTrigger>
               <SelectContent>

dashboard/src/components/dashboard/MetaCampaigns.jsx

@@ -417,7 +417,7 @@ const MetaCampaigns = () => {
             Meta Ads Performance
           </CardTitle>
           <Select value={timeframe} onValueChange={setTimeframe}>
-            <SelectTrigger className="w-36 bg-white dark:bg-gray-800">
+            <SelectTrigger className="w-[130px] bg-white dark:bg-gray-800">
               <SelectValue placeholder="Select range" />
             </SelectTrigger>
             <SelectContent>