+1 -1

src/App.tsx

Reviewed

··· 16 16 <Weather /> 17 17 </div> 18 18 19 19 - <div className="col-span-3"> 19 19 + <div className="md:col-span-3"> 20 20 <SearchBar /> 21 21 </div> 22 22 </div>

+1 -1

src/components/HackerNews.tsx

Reviewed

··· 30 30 href={story.url} 31 31 target="_blank" 32 32 rel="noopener noreferrer" 33 33 - className="text-zinc-200 hover:text-white hover:underline truncate" 33 33 + className="text-zinc-200 hover:text-white hover:underline" 34 34 > 35 35 {story.title} 36 36 </a>

+1 -1

src/components/Lobsters.tsx

Reviewed

··· 30 30 href={story.url} 31 31 target="_blank" 32 32 rel="noopener noreferrer" 33 33 - className="text-zinc-200 hover:text-white hover:underline truncate" 33 33 + className="text-zinc-200 hover:text-white hover:underline" 34 34 > 35 35 {story.title} 36 36 </a>

+2 -2

src/components/SearchBar.tsx

Reviewed

··· 22 22 } 23 23 }} 24 24 > 25 25 - <div className="flex gap-2"> 25 25 + <div className="flex flex-col md:flex-row gap-2"> 26 26 <select 27 27 value={engine.name} 28 28 onChange={(e) => ··· 45 45 value={query} 46 46 onChange={(e) => setQuery(e.target.value)} 47 47 placeholder="Search..." 48 48 - className="flex-1 px-3 py-2 bg-white/10 border border-white/20 rounded-lg text-white placeholder-white/50 focus:outline-none focus:border-white/40" 48 48 + className="flex-1 min-w-0 px-3 py-2 bg-white/10 border border-white/20 rounded-lg text-white placeholder-white/50 focus:outline-none focus:border-white/40" 49 49 /> 50 50 </div> 51 51 </form>