@magicgol/polyjuice 0.32.0 → 0.32.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magicgol/polyjuice",
-  "version": "0.32.0",
+  "version": "0.32.1",
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",

package/src/components/footballer/horizontal-footballer-placeholder/HFootballerPlaceholder.vue

@@ -65,7 +65,7 @@ export default {
   font-family: 'Ubuntu', sans-serif;
   font-size: 1rem;
   font-weight: 500;
-  height: 3.5rem;
+  height: 3.75rem;
 
   svg {
     fill: map-get($palette, 'brand');

package/src/components/list/head/ListHead.stories.js

@@ -28,10 +28,10 @@ const Template = (args, { argTypes }) => ({
   template: `
     <div class="row">
       <div class="col-6 p-0">
-        <mg-list-head @click="$emit('click')" v-bind="$props"><template v-if="${'default' in args}" v-slot>${args.default}</template></mg-list-head>
+        <mg-list-head>Another head</mg-list-head>
       </div>
       <div class="col-6 p-0">
-        <mg-list-head>Another head</mg-list-head>
+        <mg-list-head @click="$emit('click')" v-bind="$props"><template v-if="${'default' in args}" v-slot>${args.default}</template></mg-list-head>
       </div>
     </div>`,
 });

package/src/components/list/head/ListHead.vue

@@ -1,13 +1,13 @@
 <template>
   <div
-    class="d-flex align-items-center text-uppercase pb-2 px-2"
-    :class="classes"
+    class="text-uppercase pb-2 px-2"
+    :class="[classes, {'d-flex align-items-center': active, 'justify-content-center text-center': alignCenter}]"
   >
     <div><slot></slot></div>
     <svgicon
       v-if="active"
       name="arrow-down"
-      class="ml-2"
+      class="ml-1"
     ></svgicon>
   </div>
 </template>
@@ -20,7 +20,11 @@ export default {
     active: {
       type: Boolean,
       default: false
-    }
+    },
+    alignCenter: {
+      type: Boolean,
+      default: false
+    },
   },
 
   computed: {