From b06f9937fca89200bb334c0b5817f6744387ed92 Mon Sep 17 00:00:00 2001
From: Martin Filipovic Hinrichs <mail@martinhinrichs.net>
Date: Mon, 15 Jun 2026 13:00:46 +0200
Subject: [PATCH] style buy form on product detail page

---
 .../storefront/src/scss/_product-details.scss | 27 +++++++++++++++----
 1 file changed, 22 insertions(+), 5 deletions(-)

diff --git a/src/Resources/app/storefront/src/scss/_product-details.scss b/src/Resources/app/storefront/src/scss/_product-details.scss
index 4515b35..0071069 100644
--- a/src/Resources/app/storefront/src/scss/_product-details.scss
+++ b/src/Resources/app/storefront/src/scss/_product-details.scss
@@ -35,6 +35,13 @@
   margin-right: -20px;
 }
 
+.buy-widget-container {
+  .btn-buy {
+    padding: $btn-padding-y $btn-padding-x;
+    @include font-size($font-size-base);
+  }
+}
+
 .product-detail-name {
   color: $sw-color-brand-primary;
   font-size: 2.25rem;
@@ -80,25 +87,35 @@
 }
 
 .product-detail-price-container {
+  float: left;
   display: flex;
   align-items: center;
-  margin-bottom: 1.5rem;
+  margin-bottom: 0.5rem;
+  margin-right: 2rem;
 }
 
 .product-detail-price {
   font-size: 40px;
+  line-height: 1;
   font-weight: 400;
 }
 
-.product-detail-price-unit {
-  padding-left: 1rem;
-}
-
 .product-detail-tax {
   font-size: 0.75rem;
   margin-bottom: 0;
+  .btn-link-inline {
+    text-decoration: none;
+    &:hover {
+      text-decoration: underline;
+    }
+  }
+}
+
+.product-detail-form-container {
+  margin-bottom: 2rem;
 }
 
 .product-delivery-information {
+  clear: both;
   font-size: 14px;
 }