Merge branch 'master' into Feature/SLA

# Conflicts:
#	src/lib/product/components/Product/ProductDesktop.jsx
#	src/lib/product/components/Product/ProductMobile.jsx

1 files changed, 19 insertions, 4 deletions

diff --git a/src/styles/globals.css b/src/styles/globals.css
index 00c4d08f..af9f9bea 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -70,7 +70,7 @@ button {
     }
 
     .badge-yellow {
-        @apply bg-warning-200
+        @apply bg-warning-500
             text-warning-900;
     }
 
@@ -396,11 +396,15 @@ button {
 }
 
 .table-specification > table {
-    @apply table-fixed
+    @apply table-auto
         border-collapse
         w-full;
 }
 
+.table-specification > table > thead > tr > th:last-child{
+    @apply w-3/12;
+}
+
 .table-specification > table > thead {
     @apply sticky top-0 border-b;
 }
@@ -457,7 +461,9 @@ button {
 }
 
 .table-data {
-    @apply w-full;
+    @apply w-full
+    table-auto
+    border-collapse;;
 }
 
 .table-data thead tr {
@@ -476,7 +482,7 @@ button {
 }
 
 .table-data tbody td {
-    @apply text-gray_r-12/90 first:whitespace-nowrap;
+    @apply text-gray_r-12/90;
 }
 
 .table-data tbody tr {
@@ -624,3 +630,12 @@ button {
     animation-timing-function: ease-in-out;
     animation-iteration-count: infinite;
 }
+
+@keyframes shake {
+    0% { transform: translateX(0); }
+    10%, 90% { transform: translateX(-10px); }
+    20%, 80% { transform: translateX(10px); }
+    30%, 50%, 70% { transform: translateX(-10px); }
+    40%, 60% { transform: translateX(10px); }
+    100% { transform: translateX(0); }
+  }