fix(client): fix styles for gem query filter for firefox (#401)

NeuraLegion · Sep 4, 2024 · 3753cf2 · 3753cf2
1 parent 1d89773
commit 3753cf2
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/client/public/assets/css/style.css b/client/public/assets/css/style.css
@@ -573,9 +573,11 @@ section {
   padding-top: 30px;
 }
 
+.marketplace-gem-filter-container {
+  padding: 0 20% 30px 20%;
+}
+
 .marketplace-gem-filter-input {
-  margin-left: 20%;
-  margin-right: 20%;
   max-width: -webkit-fill-available;
   margin-top: 15px;
 }

diff --git a/client/src/pages/marketplace/Marketplace.tsx b/client/src/pages/marketplace/Marketplace.tsx
@@ -174,10 +174,10 @@ export const Marketplace: FC<Props> = (props: Props) => {
 
       <section id="marketplace" className="portfolio">
         <div className="container" data-aos="fade-up">
-          <div className="section-title marketplaceTitle">
+          <div className="section-title">
             <h2>Marketplace</h2>
           </div>
-          <div className="section-title qmarketplaceTitle">
+          <div className="section-title marketplace-gem-filter-container">
             <h3>Gem Filter</h3>
             <input
               className="form-control marketplace-gem-filter-input"