From d018d1ab922b60a4e1e36e0d07b9aac818e900a5 Mon Sep 17 00:00:00 2001
From: Stephanie Gredell <s.raide@gmail.com>
Date: Wed, 3 Dec 2025 23:11:05 -0800
Subject: [PATCH] adjust styling

---
 frontend/src/components/Navbar/Navbar.css       |  3 +--
 frontend/src/components/Navbar/Navbar.tsx       |  4 +---
 frontend/src/components/VideoCard/VideoCard.css |  1 -
 frontend/src/components/VideoGrid/VideoGrid.css |  2 +-
 frontend/src/pages/HomePage.tsx                 | 13 -------------
 5 files changed, 3 insertions(+), 20 deletions(-)

diff --git a/frontend/src/components/Navbar/Navbar.css b/frontend/src/components/Navbar/Navbar.css
index 7fa8b32..55a3ffc 100644
--- a/frontend/src/components/Navbar/Navbar.css
+++ b/frontend/src/components/Navbar/Navbar.css
@@ -10,7 +10,7 @@
 .navbar-container {
   max-width: 1600px;
   margin: 0 auto;
-  padding: 12px 24px;
+  padding: 12px 0px;
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -109,7 +109,6 @@
   flex: 1;
   padding: 8px 12px;
   border: 1px solid #ccc;
-  border-radius: 20px;
   font-size: 14px;
   background-color: #fff;
 }
diff --git a/frontend/src/components/Navbar/Navbar.tsx b/frontend/src/components/Navbar/Navbar.tsx
index d8e925a..0fd01f7 100644
--- a/frontend/src/components/Navbar/Navbar.tsx
+++ b/frontend/src/components/Navbar/Navbar.tsx
@@ -64,8 +64,7 @@ export function Navbar() {
     <nav className="navbar">
       <div className="navbar-container">
         <Link to="/" className="navbar-logo">
-          <span className="logo-icon">📺</span>
-          <span className="logo-text">Kiddos</span>
+          <span className="logo-text">Rainbows, Cupcakes and Unicorns</span>
         </Link>
         
         <div className="navbar-menu">
@@ -81,7 +80,6 @@ export function Navbar() {
           
           {isAuthenticated ? (
             <div className="navbar-user">
-              <span className="navbar-username">{user?.username}</span>
               <button onClick={handleLogout} className="navbar-button">
                 Logout
               </button>
diff --git a/frontend/src/components/VideoCard/VideoCard.css b/frontend/src/components/VideoCard/VideoCard.css
index f28f393..5445c02 100644
--- a/frontend/src/components/VideoCard/VideoCard.css
+++ b/frontend/src/components/VideoCard/VideoCard.css
@@ -12,7 +12,6 @@
   width: 100%;
   aspect-ratio: 16 / 9;
   overflow: hidden;
-  border-radius: 12px;
   background-color: #f0f0f0;
 }
 
diff --git a/frontend/src/components/VideoGrid/VideoGrid.css b/frontend/src/components/VideoGrid/VideoGrid.css
index 8b0e5c5..839464f 100644
--- a/frontend/src/components/VideoGrid/VideoGrid.css
+++ b/frontend/src/components/VideoGrid/VideoGrid.css
@@ -2,7 +2,7 @@
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
   gap: 24px;
-  padding: 24px;
+  padding: 24px 0px;
   max-width: 1600px;
   margin: 0 auto;
 }
diff --git a/frontend/src/pages/HomePage.tsx b/frontend/src/pages/HomePage.tsx
index f5fa61a..b632852 100644
--- a/frontend/src/pages/HomePage.tsx
+++ b/frontend/src/pages/HomePage.tsx
@@ -33,19 +33,6 @@ export function HomePage() {
   
   return (
     <div>
-      {refreshing && (
-        <div style={{
-          padding: '12px',
-          backgroundColor: '#e3f2fd',
-          border: '1px solid #2196f3',
-          borderRadius: '4px',
-          margin: '16px 24px',
-          textAlign: 'center',
-          color: '#1976d2'
-        }}>
-          🔄 Fetching latest videos from YouTube...
-        </div>
-      )}
       
       <VideoGrid
         videos={videos}