feat: ui touch ups

jippy-the-frog · Sep 23, 2024 · d5b6fc2 · d5b6fc2
1 parent 7963733
commit d5b6fc2
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/frontend/app/home.tsx b/frontend/app/home.tsx
@@ -3,17 +3,17 @@ import NewsArticle from "@/components/news/news-article";
 /* This component should only be rendered to authenticated users */
 const Home = () => {
   return (
-    <div className="flex flex-col w-full py-8 mx-8 md:mx-16 xl:mx-32">
-      <div className="mb-12">
+    <div className="flex flex-col w-full py-8">
+      <div className="flex flex-col mb-8 gap-y-2 mx-8 md:mx-16 xl:mx-32">
         <span className="text-sm text-muted-foreground">
           {new Date().toDateString()}
         </span>
-        <h1 className="text-2xl lg:text-3xl 2xl:text-4xl font-bold">
+        <h1 className="text-3xl 2xl:text-4xl font-bold">
           What happened this week
         </h1>
       </div>
 
-      <div className="flex flex-col w-full">
+      <div className="flex flex-col w-auto mx-4 md:mx-8 xl:mx-24">
         <NewsArticle />
         <NewsArticle />
         <NewsArticle />

diff --git a/frontend/components/news/news-article.tsx b/frontend/components/news/news-article.tsx
@@ -17,7 +17,7 @@ const sampleArticleCategories = [
 
 const NewsArticle = () => {
   return (
-    <div className="flex flex-col-reverse lg:flex-row w-full border-y-[1px] py-10 px-6 gap-x-16">
+    <div className="flex flex-col-reverse py-10 lg:flex-row w-auto lg:py-6 xl:py-4 gap-x-16 border-y-[1px] lg:border-y-[0px] hover:bg-muted/70 lg:rounded-md px-4 md:px-8">
       <div className="flex flex-col w-full lg:w-7/12">
         <div className="flex w-full justify-between text-sm text-offblack">
           <span>