From 99e564792daf04961b5c86e9854be6298910317e Mon Sep 17 00:00:00 2001
From: Matt <mattskent@gmail.com>
Date: Fri, 27 Dec 2024 21:28:18 -0500
Subject: [PATCH] Mobile/standardization tweaks

---
 dashboard/src/components/dashboard/AircallDashboard.jsx | 7 +------
 dashboard/src/components/dashboard/GorgiasOverview.jsx  | 2 +-
 dashboard/src/components/dashboard/KlaviyoCampaigns.jsx | 8 ++++----
 dashboard/src/components/dashboard/MetaCampaigns.jsx    | 2 +-
 4 files changed, 7 insertions(+), 12 deletions(-)

diff --git a/dashboard/src/components/dashboard/AircallDashboard.jsx b/dashboard/src/components/dashboard/AircallDashboard.jsx
index f80f80a..6be79c5 100644
--- a/dashboard/src/components/dashboard/AircallDashboard.jsx
+++ b/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>
diff --git a/dashboard/src/components/dashboard/GorgiasOverview.jsx b/dashboard/src/components/dashboard/GorgiasOverview.jsx
index c18376b..e59f876 100644
--- a/dashboard/src/components/dashboard/GorgiasOverview.jsx
+++ b/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>
diff --git a/dashboard/src/components/dashboard/KlaviyoCampaigns.jsx b/dashboard/src/components/dashboard/KlaviyoCampaigns.jsx
index 802a517..928e4a7 100644
--- a/dashboard/src/components/dashboard/KlaviyoCampaigns.jsx
+++ b/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>
diff --git a/dashboard/src/components/dashboard/MetaCampaigns.jsx b/dashboard/src/components/dashboard/MetaCampaigns.jsx
index b55c682..00dbcc4 100644
--- a/dashboard/src/components/dashboard/MetaCampaigns.jsx
+++ b/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>