Commit

frontend/src/components/ScheduleView.jsx

@@ -373,7 +373,6 @@ export default function ScheduleView({ reloadKey = 0 }) {
       </div>
 
       {error && <div className={styles.error}>エラー: {error}</div>}
-      {loading && <div className={styles.loading}>読み込み中...</div>}
 
       {/* Grid */}
       <div
@@ -383,6 +382,14 @@ export default function ScheduleView({ reloadKey = 0 }) {
           // don't cancel on leave — handled by global events
         }}
       >
+        {loading && (
+          <div
+            className={styles.loadingOverlay}
+            style={{ height: HEADER_HEIGHT }}
+          >
+            読み込み中...
+          </div>
+        )}
         <div
           className={styles.grid}
           style={{ width: LABEL_WIDTH + DAYS_SHOWN * CELL_WIDTH }}
@@ -448,10 +455,15 @@ export default function ScheduleView({ reloadKey = 0 }) {
                     <span className={styles.carBadges}>
                       {car.has_etc ? <span className={styles.badgeEtc}>ETC</span> : null}
                       {car.tire_type === 'スタッドレス' ? <span className={styles.badgeStudless}>スタッドレス</span> : null}
-                      {isInspectionExpirySoon(car.inspection_expiry) ? (
-                        <span className={styles.badgeWarn} title={`車検満了日: ${car.inspection_expiry}（まもなく期限切れ）`}>車検</span>
-                      ) : null}
                     </span>
+                    {isInspectionExpirySoon(car.inspection_expiry) ? (
+                      <span
+                        className={`${styles.badgeWarn} ${styles.badgeWarnWide}`}
+                        title={`車検満了日: ${car.inspection_expiry}（まもなく期限切れ）`}
+                      >
+                        ⚠️ 車検
+                      </span>
+                    ) : null}
                   </span>
                 </div>