WinslowFan Claude Opus 4.8 commited on
Commit
c422cbb
·
1 Parent(s): 6dd2f86

Widen stat cards to full width, reduce height

Browse files

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

frontend/src/components/datasets/protein/StatsPanel.css CHANGED
@@ -1,14 +1,13 @@
1
  .stats-panel {
2
  display: grid;
3
- grid-template-columns: repeat(2, minmax(0, 280px));
4
- justify-content: center;
5
  gap: 15px;
6
  padding: 0;
7
  }
8
 
9
  .stat-card {
10
  background: white;
11
- padding: 20px;
12
  border-radius: 8px;
13
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
14
  text-align: center;
@@ -21,10 +20,10 @@
21
  }
22
 
23
  .stat-value {
24
- font-size: 2rem;
25
  font-weight: 700;
26
  color: #2196f3;
27
- margin-bottom: 5px;
28
  }
29
 
30
  .stat-label {
 
1
  .stats-panel {
2
  display: grid;
3
+ grid-template-columns: repeat(2, 1fr);
 
4
  gap: 15px;
5
  padding: 0;
6
  }
7
 
8
  .stat-card {
9
  background: white;
10
+ padding: 10px 20px;
11
  border-radius: 8px;
12
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
13
  text-align: center;
 
20
  }
21
 
22
  .stat-value {
23
+ font-size: 1.6rem;
24
  font-weight: 700;
25
  color: #2196f3;
26
+ margin-bottom: 2px;
27
  }
28
 
29
  .stat-label {