+3 -3

src/components/Card/Card.css

Reviewed

··· 3 3 /* Grid item container style */ 4 4 .grid-item { 5 5 background: #fff !important; 6 6 - border: 1px solid #ddd; 7 6 padding: 15px; 8 7 box-shadow: 0 2px 4px rgba(0,0,0,0.1); 9 9 - border-radius: 8px; 8 8 + border: 5px solid #ddd; 9 9 + border-radius: 12px; 10 10 } 11 11 12 12 /* Paragraph margins inside grid-item */ ··· 97 97 /* Dark mode overrides */ 98 98 .dark-mode .grid-item { 99 99 background: #2c2c2c !important; 100 100 - border: 1px solid #444; 100 100 + border: 5px solid #444; 101 101 box-shadow: 0 2px 4px rgba(0,0,0,0.6); 102 102 } 103 103

+2 -2

src/components/Footer/Footer.css

Reviewed

··· 63 63 color: var(--navbar-text); 64 64 padding: 1rem 2rem; 65 65 text-align: center; 66 66 - border-top: 1px solid #ddd; 66 66 + border-top: 5px solid #dcdcdc; 67 67 } 68 68 69 69 .dark-mode .footer { 70 70 - border-top: 1px solid #444; 70 70 + border-top: 5px solid #444; 71 71 }

+7 -2

src/components/Navbar/Navbar.css

Reviewed

··· 5 5 width: 100%; 6 6 background-color: #ffffff; /* White background */ 7 7 transition: background-color 0.3s ease, border-color 0.3s ease; 8 8 - border-bottom: 1px solid #ddd; 8 8 + border-bottom: 5px solid #dcdcdc; 9 9 } 10 10 11 11 .cred { ··· 60 60 text-decoration: none; 61 61 transition: color 0.3s ease; 62 62 } 63 63 + 64 64 + .navbar-links { 65 65 + font-weight: bold; 66 66 + margin-top: 2px; 67 67 + } 63 68 64 69 .navbar-links ul { 65 70 list-style: none; ··· 111 116 /* Dark Mode Styles */ 112 117 .dark-mode .navbar { 113 118 background-color: #2c2c2c; /* Dark background */ 114 114 - border-bottom: 1px solid #444; 119 119 + border-bottom: 5px solid #444; 115 120 } 116 121 117 122 .dark-mode .navbar-logo a {

+3 -3

src/components/Navbar/Navbar.js

Reviewed

··· 52 52 <nav className="navbar-links"> 53 53 <ul> 54 54 <li> 55 55 - <Link to="/">Home</Link> 55 55 + <Link to="/">home</Link> 56 56 </li> 57 57 <li> 58 58 - <Link to="/about">About</Link> 58 58 + <Link to="/about">about</Link> 59 59 </li> 60 60 {/* Add more links as needed */} 61 61 </ul> ··· 71 71 onClick={handleAuthAction} 72 72 aria-label={isAuthenticated ? 'Logout' : 'Login'} 73 73 > 74 74 - {isAuthenticated ? 'Logout' : 'Login'} 74 74 + {isAuthenticated ? 'logout' : 'login'} 75 75 </button> 76 76 </div> 77 77 </div>

+6 -3

src/components/UserProfile/UserProfile.js

Reviewed

··· 108 108 <div className="user-profile-header"> 109 109 <h1>{displayName}</h1> 110 110 <h2>@{resolvedHandle}</h2> 111 111 + <p><strong>Combined Score: {accountData.combinedScore}</strong></p> 112 112 + <p>Bluesky Score: {accountData.blueskyScore}</p> 113 113 + <p>Atproto Score: {accountData.atprotoScore}</p> 111 114 </div> 112 115 <ResponsiveGridLayout 113 116 className="layout" ··· 120 123 onLayoutChange={handleLayoutChange} 121 124 > 122 125 <div key="AccountData" className="grid-item"> 123 123 - <Card title="Account Data"> 126 126 + <Card title="Profile"> 124 127 <ProfileCard /> 125 128 </Card> 126 129 </div> 127 130 <div key="NarrativeCard" className="grid-item"> 128 128 - <Card title="NarrativeCard"> 131 131 + <Card title="Summary"> 129 132 <NarrativeCard /> 130 133 </Card> 131 134 </div> 132 135 <div key="PostTypeCard" className="grid-item"> 133 133 - <Card title="Post Types"> 136 136 + <Card title="Post Type Breakdown"> 134 137 <PostTypeCard /> 135 138 </Card> 136 139 </div>