From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Thu, 11 Jul 2019 15:56:59 +0000 (+0200)
Subject: wip #2281 @0.5
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=dd99911613c2821b25997abc273bafb32083fd2b;p=pmi.git

wip #2281 @0.5
---

diff --git a/resources/styles/components/product-details.styl b/resources/styles/components/product-details.styl
new file mode 100644
index 0000000..23da060
--- /dev/null
+++ b/resources/styles/components/product-details.styl
@@ -0,0 +1,24 @@
+.template-product-detail {
+  dl {
+    display: block;
+    width: 100%
+
+    div {
+      display: block;
+      line-height: 2.3;
+
+      dt, dd {
+        display: inline-block;
+      }
+      dt {
+        width: 60%;
+        max-width: 400px;
+      }
+
+      dd {
+        width: 40%;
+        max-width: 400px;
+      }
+    }
+  }
+}
diff --git a/resources/views/pages/product-detail.blade.php b/resources/views/pages/product-detail.blade.php
index 5101d43..4499bfd 100644
--- a/resources/views/pages/product-detail.blade.php
+++ b/resources/views/pages/product-detail.blade.php
@@ -65,8 +65,10 @@
                 <tab name="{{ __('Spécifications') }}">
                     <dl>
                         @foreach($product->getEntity()->getSpecificationsValues() as $title=>$value)
-                            <dt>{{$title}}</dt>
-                            <dd>{{$value}}</dd>
+                            <div>
+                                <dt>{{$title}}</dt>
+                                <dd>{{$value}}</dd>
+                            </div>
                         @endforeach
                     </dl>
                 </tab>