Merged search buttons into a sinfgle button

app/static/css/styles.css

@@ -747,11 +747,13 @@ body {
 
 .search-input-wrapper {
     position: relative;
-    margin-bottom: 15px;
+    display: flex;
+    gap: 10px;
+    align-items: flex-start;
 }
 
 .search-input {
-    width: 100%;
+    flex: 1;
     padding: 12px 16px;
     font-size: 16px;
     border: 2px solid #333;
@@ -770,7 +772,7 @@ body {
     position: absolute;
     top: 100%;
     left: 0;
-    right: 0;
+    right: 120px;
     background-color: white;
     border: 2px solid #333;
     border-top: none;
@@ -813,14 +815,9 @@ body {
     color: #666;
 }
 
-.search-buttons {
-    display: flex;
-    gap: 10px;
-    justify-content: center;
-}
-
 .search-btn {
-    padding: 10px 20px;
+    flex-shrink: 0;
+    padding: 12px 24px;
     font-size: 14px;
     font-weight: bold;
     border: 2px solid #333;
@@ -829,6 +826,8 @@ body {
     transition: all 0.3s ease;
     background-color: white;
     color: #333;
+    height: 48px;
+    white-space: nowrap;
 }
 
 .search-btn:hover:not(:disabled) {