style: [product-page-add-categories-modal] action btns on mobile view…

… : position right, modal footer : add padding
mattgoud · Mar 27, 2024 · a0bf168 · a0bf168
1 parent 77d1926
commit a0bf168
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/admin-dev/themes/new-theme/scss/pages/product/product_page.scss b/admin-dev/themes/new-theme/scss/pages/product/product_page.scss
@@ -2939,6 +2939,20 @@ $mobile-menu-height: 2.6rem !default;
   }
 }
 
+#categories-modal-content{
+  .form-control-label {
+    margin: 1rem 0;
+  }
+  .category-tree-footer {
+    display: flex;
+    gap: 1rem;
+    padding-bottom: 20px;
+    @include media-breakpoint-down(md) {
+      justify-content: flex-end;
+    }
+  }
+}
+
 .form-horizontal span.ps-switch:not(.ps-switch-lg) {
   margin-top: 7px;
 }

diff --git a/...restaShopBundle/Resources/views/Admin/Sell/Catalog/Product/FormTheme/categories.html.twig b/...restaShopBundle/Resources/views/Admin/Sell/Catalog/Product/FormTheme/categories.html.twig
@@ -64,7 +64,7 @@
         <div class="spinner m-auto d-block"></div>
       </div>
 
-      <div class="category-tree-footer text-center text-md-left">
+      <div class="category-tree-footer">
         {{ form_widget(form.cancel_btn) }}
         {{ form_widget(form.apply_btn) }}
       </div>