Bugfix/MARP-1116 Space between navigation and the title on mobile (#213)

Co-authored-by: Trần Vĩnh Thiện Phúc <[email protected]>
axonivy-market · Oct 29, 2024 · 8544361 · 8544361
1 parent 6757d1c
commit 8544361
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/marketplace-ui/src/app/modules/product/product-filter/product-filter.component.html b/marketplace-ui/src/app/modules/product/product-filter/product-filter.component.html
@@ -20,7 +20,7 @@
       </div>
       }
     </div>
-    <div class="col-6 d-md-block d-md-none">
+    <div class="col-6 d-block d-md-none">
       <app-common-dropdown
         [items]="types"
         [selectedItem]="selectedTypeLabel | translate"

diff --git a/marketplace-ui/src/app/modules/product/product-filter/product-filter.component.scss b/marketplace-ui/src/app/modules/product/product-filter/product-filter.component.scss
@@ -8,6 +8,10 @@ $rowHeight: 37px;
 .input-group {
   margin-top: 3rem;
   margin-bottom: 7.2rem;
+
+  @media screen and (max-width: 991px) {
+    margin-bottom: 3.2rem;
+  }
 }
 
 .form-control {

diff --git a/marketplace-ui/src/app/modules/product/product.component.scss b/marketplace-ui/src/app/modules/product/product.component.scss
@@ -4,11 +4,12 @@
 
 .branch {
   margin-top: 8.2rem;
+  margin-bottom: 3.2rem;
   cursor: default;
-}
 
-.branch {
-  margin-bottom: 3.2rem;
+  @media screen and (max-width: 991px) {
+    margin-top: 4.1rem;
+  }
 }
 
 .introduction-container {