Update public/css/auction.css

public/css/auction.css

@@ -3727,111 +3727,134 @@ a.tm-table-action-link:hover {
   svg.icon-telegram-premium use {
     scale: 1;
   }
- 
-  .tm-header-search-form {
-    max-width: 274px;
+ .tm-header-search-form {
+    max-width: 200px; /* reduced from 274px */
     margin-left: 0;
     margin-right: auto;
-  }
-  .icon-search:before {
-    width: 16px;
-  }
-  .tm-search-input {
+}
+
+.icon-search:before {
+    width: 14px; /* slightly smaller */
+}
+
+.tm-search-input {
     font-size: 14px;
     line-height: 20px;
-    padding: 8px 20px 8px 40px;
-  }
-  .tm-search-field:before {
-    margin: 8px 12px;
-  }
-  .tm-main-search-form .tm-input,
-  .tm-main-search-form .tm-search-prefix {
-    font-size: 17px;
-    line-height: 24px;
-    padding: 14px 19px 16px;
-  }
-  .tm-main-search-form .tm-search-input,
-  .tm-main-search-form .tm-search-prefix {
-    padding: 14px 54px 16px 66px;
-  }
-  .tm-main-search-form .tm-search-prefix {
+    padding: 6px 12px 6px 32px; /* reduced horizontal padding */
+}
+
+.tm-search-field:before {
+    margin: 6px 8px; /* smaller margin */
+}
+
+.tm-main-search-form .tm-input,
+.tm-main-search-form .tm-search-prefix {
+    font-size: 16px;
+    line-height: 22px;
+    padding: 10px 14px 12px; /* compact padding */
+}
+
+.tm-main-search-form .tm-search-input,
+.tm-main-search-form .tm-search-prefix {
+    padding: 10px 36px 12px 44px;
+}
+
+.tm-main-search-form .tm-search-prefix {
     padding-right: 0;
-  }
-  .tm-main-search-form .tm-search-prefix + .tm-search-input {
-    padding-left: 112px;
-  }
-  .tm-main-search-form .tm-search-field:before {
-    margin: 14px 22px 16px;
-  }
-  .tm-main-search-form .icon-search:before {
-    width: 20px;
-    height: 24px;
-  }
-  .tm-main-search-form .icon-search-clear:before {
-    width: 22px;
-    height: 22px;
-  }
-  .tm-main-premium .tm-main-search-form .icon-search:before {
-    width: 17px;
+}
+
+.tm-main-search-form .tm-search-prefix + .tm-search-input {
+    padding-left: 80px; /* reduced from 112px */
+}
+
+.tm-main-search-form .tm-search-field:before {
+    margin: 10px 16px 12px;
+}
+
+.tm-main-search-form .icon-search:before {
+    width: 18px;
     height: 20px;
-    margin: 14px 16px 16px 20px;
-  }
-  .tm-main-premium .tm-main-search-form .tm-input {
-    font-size: 15px;
-    padding: 12px 19px;
-  }
-  .tm-main-premium .tm-main-search-form .tm-coin-field > .form-control,
-  .tm-main-premium .tm-main-search-form .tm-coin-field > .form-control-hint {
-    font-size: 15px;
-    line-height: 24px;
-    padding: 12px 19px;
-  }
-  .tm-main-premium .tm-main-search-form .tm-coin-field > .form-control {
-    padding-left: 52px;
-  }
-  .tm-main-premium .tm-main-search-form .form-control-wrap.tm-coin-field:before {
-    width: 16px;
+}
+
+.tm-main-search-form .icon-search-clear:before {
+    width: 20px;
     height: 20px;
-    margin: 14px 18px 14px 19px;
-  }
-  .tm-main-premium .tm-main-search-form .tm-search-input,
-  .tm-main-premium .tm-main-search-form .tm-search-prefix {
-    padding: 12px 54px 12px 52px;
-  }
-  .tm-main-form-group {
-    margin-bottom: 28px;
-  }
-  .tm-main-form-label-badge {
-    font-size: 13px;
-    line-height: 17px;
-    padding: 4px 8px;
-    margin: -1px 10px;
+}
+
+.tm-main-premium .tm-main-search-form .icon-search:before {
+    width: 15px;
+    height: 18px;
+    margin: 12px 12px 12px 16px;
+}
+
+.tm-main-premium .tm-main-search-form .tm-input {
+    font-size: 14px;
+    padding: 10px 14px;
+}
+
+.tm-main-premium .tm-main-search-form .tm-coin-field > .form-control,
+.tm-main-premium .tm-main-search-form .tm-coin-field > .form-control-hint {
+    font-size: 14px;
+    line-height: 22px;
+    padding: 10px 14px;
+}
+
+.tm-main-premium .tm-main-search-form .tm-coin-field > .form-control {
+    padding-left: 40px; /* smaller padding for compact width */
+}
+
+.tm-main-premium .tm-main-search-form .form-control-wrap.tm-coin-field:before {
+    width: 14px;
+    height: 18px;
+    margin: 12px 14px 12px 15px;
+}
+
+.tm-main-premium .tm-main-search-form .tm-search-input,
+.tm-main-premium .tm-main-search-form .tm-search-prefix {
+    padding: 10px 36px 10px 40px;
+}
+
+.tm-main-form-group {
+    margin-bottom: 20px;
+}
+
+.tm-main-form-label-badge {
+    font-size: 12px;
+    line-height: 16px;
+    padding: 3px 6px;
+    margin: -1px 8px;
     border-radius: 6px;
-  }
-  .tm-search-loading,
-  .tm-search-clear {
-    padding: 16px;
-  }
-  .tm-main-premium .tm-main-search-form .tm-search-loading,
-  .tm-main-premium .tm-main-search-form .tm-search-clear {
-    padding: 13px;
-  }
-  .tm-search-error-icon {
-    margin: 17px 19px;
-  }
-  .tm-main-premium .tm-main-search-form .tm-search-error-icon {
-    margin: 14px 14px 14px 18px;
-  }
-  .tm-search-field-photo {
-    margin: 9px 14px;
-    width: 36px;
-    height: 36px;
-  }
-  .tm-main-premium .tm-search-field-photo {
-    margin: 10px 14px;
+}
+
+.tm-search-loading,
+.tm-search-clear {
+    padding: 12px;
+}
+
+.tm-main-premium .tm-main-search-form .tm-search-loading,
+.tm-main-premium .tm-main-search-form .tm-search-clear {
+    padding: 10px;
+}
+
+.tm-search-error-icon {
+    margin: 12px 14px;
+}
+
+.tm-main-premium .tm-main-search-form .tm-search-error-icon {
+    margin: 10px 10px 10px 14px;
+}
+
+.tm-search-field-photo {
+    margin: 6px 10px;
     width: 28px;
     height: 28px;
-  }
+}
+
+.tm-main-premium .tm-search-field-photo {
+    margin: 8px 10px;
+    width: 24px;
+    height: 24px;
+}
  
   .icon-ton:before,
   .icon-stars:before {