From 355798a506c226b87c50b13ff1bc92f111b866a7 Mon Sep 17 00:00:00 2001
From: 2620227 <hyemin.lee@bok.or.kr>
Date: Wed, 15 Jul 2026 20:08:47 +0900
Subject: [PATCH] =?UTF-8?q?fix(header,announcements):=20=ED=97=A4=EB=8D=94?=
 =?UTF-8?q?=20=EC=A2=85=C2=B7=EA=B4=80=EB=A6=AC=EC=9E=90=20=EB=B1=83?=
 =?UTF-8?q?=EC=A7=80=20=EC=88=9C=EC=84=9C=20=EA=B5=90=EC=B2=B4=20+=20?=
 =?UTF-8?q?=EA=B3=B5=EC=A7=80=20=EC=88=98=EC=A0=95=ED=8F=BC=20=EA=B2=B9?=
 =?UTF-8?q?=EC=B9=A8=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 헤더 우측: 알림 종 → 관리자 뱃지 → 프로필 순으로 변경(관리자 뱃지가 프로필 바로 왼쪽)
- 공지 화면 '관리자 공지 모아보기' 서브 문구 제거
- 공지 수정폼이 hidden 이어도 항상 보여 보기/수정이 2단으로 겹치던 버그 수정
  (.ann-form 의 display:flex 가 [hidden] 기본 규칙을 이기던 문제 → .ann-form[hidden]{display:none})

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 public/css/components.css |  2 ++
 views/_header.ejs         | 11 ++++++-----
 views/announcements.ejs   |  1 -
 3 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/public/css/components.css b/public/css/components.css
index 792b037..8351d27 100644
--- a/public/css/components.css
+++ b/public/css/components.css
@@ -195,6 +195,8 @@
 /* ===================== 공지사항(📢) 페이지 ===================== */
 /* 작성/수정 공용 폼 */
 .ann-form { display: flex; flex-direction: column; gap: 10px; background: var(--panel); border: 1px solid var(--border-soft); border-radius: 12px; padding: 16px; }
+/* hidden 속성이 켜져 있으면 확실히 숨긴다 (display:flex 가 [hidden] 기본 규칙을 이겨 수정폼이 항상 보이던 버그 방지). */
+.ann-form[hidden] { display: none; }
 .ann-form-new { margin-bottom: 24px; }
 .ann-input-title, .ann-input-body {
   width: 100%; box-sizing: border-box; font-family: inherit; font-size: 14px; color: var(--fg);
diff --git a/views/_header.ejs b/views/_header.ejs
index 8bca4b0..1107821 100644
--- a/views/_header.ejs
+++ b/views/_header.ejs
@@ -53,11 +53,7 @@
             <%- icon("book", { size: 15 }) %><span>매뉴얼</span>
           </a>
 
-          <% if (user.isAdmin) { %>
-            <span class="admin-pill"><%- icon("lock", { size: 11 }) %>관리자</span>
-          <% } %>
-
-          <!-- 알림(🔔) 종 — 프로필 왼쪽. 목록/배지는 app.js(notifications.js)가 fetch 로 채운다. -->
+          <!-- 알림(🔔) 종 — 관리자 뱃지 왼쪽. 목록/배지는 app.js(notifications.js)가 fetch 로 채운다. -->
           <div class="notif">
             <button class="icon-btn notif-btn" id="notifBtn" type="button" aria-haspopup="true" aria-expanded="false" title="알림" aria-label="알림">
               <%- icon("bell", { size: 16 }) %>
@@ -75,6 +71,11 @@
             </div>
           </div>
 
+          <!-- 관리자 뱃지 — 프로필 바로 왼쪽 -->
+          <% if (user.isAdmin) { %>
+            <span class="admin-pill"><%- icon("lock", { size: 11 }) %>관리자</span>
+          <% } %>
+
           <div class="usermenu">
             <button class="usermenu-btn" id="userMenuBtn" type="button" aria-haspopup="true" aria-expanded="false">
               <span class="who"><%= user.sabun %></span>
diff --git a/views/announcements.ejs b/views/announcements.ejs
index ea59751..34388ed 100644
--- a/views/announcements.ejs
+++ b/views/announcements.ejs
@@ -10,7 +10,6 @@
     <div class="section-head">
       <div class="section-titlewrap">
         <h2 class="section-title">공지사항</h2>
-        <span class="section-sub">관리자 공지 모아보기</span>
       </div>
     </div>