youssefreda9 commited on
Commit
7aa0d90
·
1 Parent(s): 05e90e7

Remove separator labels, fix tab icon alignment (inline-flex centered)

Browse files
Files changed (1) hide show
  1. src/css/components.css +8 -12
src/css/components.css CHANGED
@@ -360,10 +360,15 @@
360
  }
361
 
362
  /* ── Tab Icons ── */
 
 
 
 
 
363
  .tab-icon {
364
- margin-inline-end: 6px;
365
  flex-shrink: 0;
366
- opacity: 0.85;
 
367
  }
368
  .editor-tab.active .tab-icon {
369
  opacity: 1;
@@ -428,20 +433,11 @@
428
 
429
  .fmt-section {
430
  display: flex;
431
- flex-direction: column;
432
  align-items: center;
433
- gap: 2px;
434
  }
435
 
436
  .fmt-label {
437
- font-size: 9px;
438
- font-weight: 600;
439
- color: var(--color-text-secondary);
440
- opacity: 0.6;
441
- letter-spacing: 0.5px;
442
- line-height: 1;
443
- user-select: none;
444
- white-space: nowrap;
445
  }
446
 
447
  /* Active state for format buttons */
 
360
  }
361
 
362
  /* ── Tab Icons ── */
363
+ .editor-tab {
364
+ display: inline-flex;
365
+ align-items: center;
366
+ gap: 5px;
367
+ }
368
  .tab-icon {
 
369
  flex-shrink: 0;
370
+ opacity: 0.8;
371
+ vertical-align: middle;
372
  }
373
  .editor-tab.active .tab-icon {
374
  opacity: 1;
 
433
 
434
  .fmt-section {
435
  display: flex;
 
436
  align-items: center;
 
437
  }
438
 
439
  .fmt-label {
440
+ display: none;
 
 
 
 
 
 
 
441
  }
442
 
443
  /* Active state for format buttons */