From 39b2d9f23be98dfcf78482bf324b22a3197202d7 Mon Sep 17 00:00:00 2001
From: ryan <ryannganga13325@gmail.com>
Date: Tue, 20 May 2025 17:49:45 +0300
Subject: [PATCH] feat(ui): reorganize search section in calendar merger
 interface

---
 public/index.html | 35 +++++++++++++++++------------------
 1 file changed, 17 insertions(+), 18 deletions(-)

diff --git a/public/index.html b/public/index.html
index d876221..7046b33 100644
--- a/public/index.html
+++ b/public/index.html
@@ -10,6 +10,18 @@
     <div class="container">
       <h1>📅 Calendar Merger</h1>
 
+      <!-- Search Section -->
+      <div class="form-card search-section">
+        <h2>Find Existing Calendar</h2>
+        <div class="input-group">
+          <div class="search-container">
+            <input type="text" id="calendar-search" placeholder="Enter calendar name">
+            <button type="button" id="search-btn" class="button primary-btn">Search</button>
+          </div>
+          <div id="search-result"></div>
+        </div>
+      </div>
+
       <!-- Merge Form -->
       <div class="form-card">
         <form id="merge-form">
@@ -43,24 +55,11 @@
           </div>
         </form>
       </div>
-  
-      <!-- Result Section -->
-      <div id="result-container">
-        <p class="result-info">After merging, your calendar URL will appear here.</p>
-        <div id="result"></div>
-      </div>
-      
-      
-       <!-- Search Section -->
-        <div class="form-card search-section">
-          <h2>Find Existing Calendar</h2>
-          <div class="input-group">
-            <div class="search-container">
-              <input type="text" id="calendar-search" placeholder="Enter calendar name">
-              <button type="button" id="search-btn" class="button primary-btn">Search</button>
-            </div>
-            <div id="search-result"></div>
-          </div>
+
+        <!-- Result Section -->
+        <div id="result-container">
+          <p class="result-info">After merging, your calendar URL will appear here.</p>
+          <div id="result"></div>
         </div>
       
     </div>