Repository: Cloud-CV/EvalAI
Issue: need improvement in frontend


need improvment in the below page

![Image](https://github.com/user-attachments/assets/f7ad6b3a-0ee7-421f-85a3-771d42cd56a6)

Can you please be a little more specific ?

@Ramjee194 Hey, Is this issue still open?

@Ramjee194 Hey, could I be assigned this issue if it's still open? I can contribute to it. Also, I am new to open source and want to understand how the open source community guidelines work.  Do I need to wait to be assigned to an issue before I can start contributing, or can I take a pull of the repo, start working on it and raise a PR for review? Would be great if anyone could help me understand this!

I'm alraedy working on this issue#4443
Open

hey @Ramjee194  are you working on this issue??

@Ramjee194 if you are taking about frontend improvement I have some idea design that you can implement it over-there like card design add a shadow round corners , implement subtle , text and images are aligned properly with each other , increase font weight cause text it little harder to read use a dark shade , also use a slightly large font size for important details like event name , improve color scheme color should be consistent in card with UI theme [ Dark mode theme ( primary: #1E1E2E - blue
                                                                                             secondary: #313244 - gray
                                                                                               accent: FAB387 or 89B4FA 
                                                                                                text: #CDD6F4 - light blue)
                                                     [modern light mode theme (primary: #F5F5F5 - white
                                                                                           secondary: #D9D9D9 -  light gray
                                                                                 accent: #3B82F6  BLUE or EF4444 RED
                                                                                                text: #333333- DARK GRAY)
                                                    [MINIMUM THEME (primary: #FFFFFF - white
                                                                                           secondary: #F0F0F0-  light gray
                                                                                 accent: #0077B6 BLUE or FF6B6B RED
                                                                                                text: #222222- DARK GRAY)
button styling the view button need better color and effect this css code may help you
(.button {
  background: #3B82F6;  # Bright Blue 
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
#dark blue on hover
.button:hover {
  background: #2563EB; 
  box-shadow: 0px 4px 10px rgba(59, 130, 246, 0.3);
  transform: translateY(-2px);
}
 improve padding and margin cause then design will adapts well screen size
if image have alt text and button have ARIA labels for good access 
may be form this any work help you @Ramjee194 

Closing this one as no context is provided in the issue.