Update app.py

app.py

@@ -656,33 +656,39 @@ def create_interface():
             padding: 12px;
             transition: all 0.3s ease;
             background: linear-gradient(135deg, #ffffff, #f8f9ff);
-            width: 150%;  /* 너비 증가 */
-            margin-right: -50%;  /* 오른쪽 여백 조정 */
+            width: 150%;
+            margin-right: -50%;
         }
         .search-box:focus { 
             border-color: #7b61ff;
             box-shadow: 0 0 0 2px rgba(123,97,255,0.2);
             background: linear-gradient(135deg, #ffffff, #f0f3ff);
         }
+        /* 정렬 라디오 버튼 컨테이너 스타일 수정 */
         .sort-radio { 
-            display: flex;
-            justify-content: space-between;
-            gap: 10px;
+            display: flex !important;
+            justify-content: space-between !important;
+            gap: 10px !important;
             background: linear-gradient(135deg, #f5f5ff, #f0f0ff);
             padding: 12px;
             border-radius: 10px;
-            width: 150%;  /* 너비 증가 */
-            margin-right: -50%;  /* 오른쪽 여백 조정 */
+            width: 300% !important;  /* 너비 2배로 증가 */
+            margin-right: -100%;
+            min-width: 400px !important;  /* 최소 너비 설정 */
         }
+        /* 정렬 라디오 버튼 레이블 스타일 */
         .sort-radio label {
-            flex: 1;
-            text-align: center;
-            padding: 10px 15px;
+            flex: 1 !important;
+            text-align: center !important;
+            padding: 10px 15px !important;
             background: linear-gradient(135deg, #ffffff, #f8f9ff);
             border-radius: 8px;
             cursor: pointer;
             transition: all 0.3s ease;
             border: 1px solid rgba(123,97,255,0.1);
+            white-space: nowrap !important;  /* 텍스트 줄바꿈 방지 */
+            display: inline-block !important;
+            min-width: 100px !important;  /* 최소 너비 설정 */
         }
         .sort-radio label:hover {
             background: linear-gradient(135deg, #f0f3ff, #e8ecff);
@@ -693,6 +699,7 @@ def create_interface():
             color: white;
             border-color: transparent;
         }
+        /* 리프레시 버튼 스타일 수정 */
         .refresh-btn {
             background: linear-gradient(135deg, #7b61ff, #6366f1);
             color: white;
@@ -701,18 +708,30 @@ def create_interface():
             border-radius: 10px;
             cursor: pointer;
             transition: all 0.3s ease;
-            width: 120px;  /* 버튼 너비 */
-            height: 40px;  /* 버튼 높이 */
+            width: 120px;
+            height: 80px !important;  /* 높이 2배로 증가 */
             display: flex;
             align-items: center;
             justify-content: center;
-            margin-left: auto;  /* 오른쪽 정렬 */
+            margin-left: auto;
+            font-size: 1.2em !important;  /* 폰트 크기 증가 */
         }
         .refresh-btn:hover {
             transform: translateY(-2px);
             box-shadow: 0 4px 12px rgba(99,102,241,0.4);
             background: linear-gradient(135deg, #8b71ff, #7376f1);
         }
+        /* 라디오 버튼 그룹 컨테이너 강제 스타일 */
+        .sort-radio > div {
+            display: flex !important;
+            gap: 10px !important;
+            width: 100% !important;
+        }
+        /* 라디오 버튼 항목 강제 스타일 */
+        .sort-radio > div > div {
+            flex: 1 !important;
+            min-width: 100px !important;
+        }
     """) as interface:
         
         gr.Markdown("""