padding changes

Author: f1shy-dev

src/app/api/jobs/search/route.ts

@@ -28,6 +28,7 @@ export async function GET(request: Request) {
           SEARCH("${q}", LOWER({item_name})),
           SEARCH("${q}", LOWER({item_description})),
           SEARCH("${q}", LOWER({ysws_pr_url})),
+          SEARCH("${q}", LOWER(ARRAYJOIN({(auto)(ysws)name}))),
           SEARCH("${q}", LOWER(ARRAYJOIN({(auto)(creator)slack_id})))
         ),
         {(auto)(assigned_printer)slack_id}=''

src/app/dashboard/client-page.tsx

@@ -94,7 +94,7 @@ export default function DashboardPage({
       {recentActivity?.recentJobs && recentActivity.recentJobs.length > 0 && (
         <div className="!mt-8">
           <h2 className="text-xl font-semibold mb-4">Recent Activity</h2>
-          <div className="grid gap-4">
+          <div className="grid gap-2">
             {recentActivity.recentJobs.map((job) => (
               <JobCard key={job.id} job={job} />
             ))}

src/app/dashboard/jobs/search/client-page.tsx

@@ -10,7 +10,6 @@ import { useDebounce } from "@/hooks/use-debounce";
 import { User } from "@/lib/types";
 
 export default function SearchPage({ user }: { user: User }) {
-  console.log(user);
   const [searchQuery, setSearchQuery] = useState("");
   const debouncedQuery = useDebounce(searchQuery, 500);
 
@@ -27,7 +26,7 @@ export default function SearchPage({ user }: { user: User }) {
   };
 
   return (
-    <div className="space-y-8">
+    <div className="space-y-4">
       <div className="flex items-center space-x-4">
         <div className="relative flex-1">
           <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 text-zinc-400 w-4 h-4" />
@@ -55,7 +54,7 @@ export default function SearchPage({ user }: { user: User }) {
         </div>
       ) : (
         <>
-          <div className="grid gap-4">
+          <div className="grid gap-2">
             {jobs.map((job) => (
               <JobCard key={job.id} job={job} />
             ))}

src/app/dashboard/prints/page.tsx

@@ -25,7 +25,7 @@ export default async function PrintsPage() {
   return (
     <div className="space-y-8">
       <h1 className="text-2xl font-semibold">Your Prints</h1>
-      <div className="grid gap-4">
+      <div className="grid gap-2">
         {jobs.map((job) => (
           <JobCard key={job.id} job={job} isAssigned={true} />
         ))}

src/app/dashboard/submissions/page.tsx

@@ -27,7 +27,7 @@ export default async function SubmissionsPage() {
   return (
     <div className="space-y-8">
       <h1 className="text-2xl font-semibold">Your Submissions</h1>
-      <div className="grid gap-4">
+      <div className="grid gap-2">
         {jobs.map((job) => (
           <JobCard key={job.id} job={job} />
         ))}

src/components/job-card.tsx

@@ -50,7 +50,7 @@ function JobCardComponent({
                 {job.item_description.length > 100 && "..."}
               </p>
             )}
-            <div className="flex flex-row gap-1 mt-1">
+            <div className="inline-flex flex-wrap gap-1 mt-1">
               {job.part_count && (
                 <Badge variant="secondary-static" className="text-xs">
                   {job.part_count} part{job.part_count > 1 ? "s" : ""}
@@ -96,6 +96,7 @@ function JobCardComponent({
               onClick={() => window.open(job.ysws_pr_url, "_blank")}
               variant="secondary"
               size="sm"
+              className="hidden xs:inline-flex"
             >
               <Github className="w-4 h-4 mr-1.5" />
               View PR