From e8fb531fdbdf81b17b22f141be0ca8e80a2594d6 Mon Sep 17 00:00:00 2001
From: Hyungi Ahn <hyungiahn@Hyungiui-MacBookPro.local>
Date: Mon, 13 Oct 2025 15:58:02 +0900
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=AF=20=EC=84=A0=ED=83=9D=20=EC=BB=AC?=
 =?UTF-8?q?=EB=9F=BC=20=EB=8C=80=ED=8F=AD=20=EC=B6=95=EC=86=8C=20-=20?=
 =?UTF-8?q?=EA=B2=BD=EA=B3=84=EC=84=A0=20=EC=9C=84=EC=B9=98=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 선택: 3.5% → 2% (체크박스에 딱 맞게)
- 종류: 6.5% → 8% (배지 표시 공간 확보)
- 본문의 border-right가 선택 컬럼 끝에 위치하도록 조정
- 모든 카테고리에 일괄 적용
---
 frontend/src/pages/NewMaterialsPage.css | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/frontend/src/pages/NewMaterialsPage.css b/frontend/src/pages/NewMaterialsPage.css
index bbad092..565bbfe 100644
--- a/frontend/src/pages/NewMaterialsPage.css
+++ b/frontend/src/pages/NewMaterialsPage.css
@@ -335,7 +335,7 @@
 
 /* PIPE 전용 헤더 - 9개 컬럼 */
 .detailed-grid-header.pipe-header {
-  grid-template-columns: 3.5% 6.5% 14% 8% 10% 20% 12% 15% 10% !important;
+  grid-template-columns: 2% 8% 14% 8% 10% 20% 12% 15% 10% !important;
 }
 
 .detailed-grid-header.pipe-header > div,
@@ -350,7 +350,7 @@
 
 /* PIPE 전용 행 - 9개 컬럼 */
 .detailed-material-row.pipe-row {
-  grid-template-columns: 3.5% 6.5% 14% 8% 10% 20% 12% 15% 10% !important;
+  grid-template-columns: 2% 8% 14% 8% 10% 20% 12% 15% 10% !important;
 }
 
 .detailed-material-row.pipe-row .material-cell {
@@ -387,14 +387,14 @@
 
 /* BOLT 전용 헤더 - 9개 컬럼 */
 .detailed-grid-header.bolt-header {
-  grid-template-columns: 3.5% 6.5% 14% 8% 10% 20% 12% 15% 10%;
+  grid-template-columns: 2% 8% 14% 8% 10% 20% 12% 15% 10%;
   
   
 }
 
 /* BOLT 전용 행 - 9개 컬럼 */
 .detailed-material-row.bolt-row {
-  grid-template-columns: 3.5% 6.5% 14% 8% 10% 20% 12% 15% 10%;
+  grid-template-columns: 2% 8% 14% 8% 10% 20% 12% 15% 10%;
   
   
 }
@@ -481,14 +481,14 @@
 
 /* SUPPORT 전용 헤더 - 9개 컬럼 */
 .detailed-grid-header.support-header {
-  grid-template-columns: 3.5% 6.5% 16% 8% 10% 18% 12% 15% 10%;
+  grid-template-columns: 2% 8% 16% 8% 10% 18% 12% 15% 10%;
   
   
 }
 
 /* SUPPORT 전용 행 - 9개 컬럼 */
 .detailed-material-row.support-row {
-  grid-template-columns: 3.5% 6.5% 16% 8% 10% 18% 12% 15% 10%;
+  grid-template-columns: 2% 8% 16% 8% 10% 18% 12% 15% 10%;
   
   
 }
@@ -525,7 +525,7 @@
 
 /* 플랜지 전용 헤더 - 10개 컬럼 */
 .detailed-grid-header.flange-header {
-  grid-template-columns: 3.5% 6.5% 12% 8% 10% 10% 18% 10% 15% 6%;
+  grid-template-columns: 2% 8% 12% 8% 10% 10% 18% 10% 15% 6%;
   
   
 }
@@ -542,7 +542,7 @@
 
 /* 플랜지 전용 행 - 10개 컬럼 */
 .detailed-material-row.flange-row {
-  grid-template-columns: 3.5% 6.5% 12% 8% 10% 10% 18% 10% 15% 6%;
+  grid-template-columns: 2% 8% 12% 8% 10% 10% 18% 10% 15% 6%;
   
   
 }
@@ -557,7 +557,7 @@
 
 /* 피팅 전용 헤더 - 10개 컬럼 */
 .detailed-grid-header.fitting-header {
-  grid-template-columns: 3.5% 6.5% 20% 8% 8% 10% 18% 10% 15% 0%;
+  grid-template-columns: 2% 8% 20% 8% 8% 10% 18% 10% 15% 0%;
   
   
 }
@@ -574,7 +574,7 @@
 
 /* 피팅 전용 행 - 10개 컬럼 */
 .detailed-material-row.fitting-row {
-  grid-template-columns: 3.5% 6.5% 20% 8% 8% 10% 18% 10% 15% 0%;
+  grid-template-columns: 2% 8% 20% 8% 8% 10% 18% 10% 15% 0%;
   
   
 }
@@ -621,7 +621,7 @@
 
 /* 가스켓 전용 헤더 - 11개 컬럼 (타입 좁게, 상세내역 넓게, 두께 추가) */
 .detailed-grid-header.gasket-header {
-  grid-template-columns: 3.5% 6.5% 12% 7% 7% 10% 18% 7% 10% 15% 3%;
+  grid-template-columns: 2% 8% 12% 7% 7% 10% 18% 7% 10% 15% 3%;
   
   
 }
@@ -638,7 +638,7 @@
 
 /* 가스켓 전용 행 - 11개 컬럼 (타입 좁게, 상세내역 넓게, 두께 추가) */
 .detailed-material-row.gasket-row {
-  grid-template-columns: 3.5% 6.5% 12% 7% 7% 10% 18% 7% 10% 15% 3%;
+  grid-template-columns: 2% 8% 12% 7% 7% 10% 18% 7% 10% 15% 3%;
   
   
 }