From 9995b8c1e448aa6ff2f8f36a79f9303b0398733f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=BB=A8=ED=8A=B8=EB=A1=A4DELTA?= <controld3785@gmail.com>
Date: Fri, 3 Apr 2026 10:44:48 +0900
Subject: [PATCH] Apply Settings Container New Design

---
 angular.json                         |  5 +++++
 src/app/features/settings/popup.scss | 19 +++++++++++++++----
 2 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/angular.json b/angular.json
index 804b7d0..a595eff 100644
--- a/angular.json
+++ b/angular.json
@@ -45,6 +45,11 @@
             },
             "ssr": {
               "entry": "src/server.ts"
+            },
+            "optimization": {
+              "scripts": true,
+              "styles": true,
+              "fonts": false
             }
           },
           "configurations": {
diff --git a/src/app/features/settings/popup.scss b/src/app/features/settings/popup.scss
index 737f4df..2763c31 100644
--- a/src/app/features/settings/popup.scss
+++ b/src/app/features/settings/popup.scss
@@ -23,9 +23,9 @@
   flex-direction: column;
   gap: 16px;
 
-  padding-bottom: 8px;
+  padding-bottom: 12px;
 
-  section {
+  section.settings-category {
     display: flex;
     flex-direction: column;
     gap: 6px;
@@ -42,11 +42,22 @@
       color: oklch(0.6830 0 0); // #999999
     }
 
-    .settings-container {
+    & > .settings-container {
       width: 100%;
-      height: 40px;
       display: flex;
 
+      &:has(> switch) {
+        height: 32px;
+
+        &:nth-child(1 of .settings-container) {
+          margin-top: 4px;
+        }
+      }
+
+      &:has(> dropdown) {
+        height: 40px;
+      }
+
       flex-direction: row;
       align-items: center;
       justify-content: space-between;