diff --git a/pinry-spa/src/components/Pins.vue b/pinry-spa/src/components/Pins.vue
index 457c07f..41a46e7 100644
--- a/pinry-spa/src/components/Pins.vue
+++ b/pinry-spa/src/components/Pins.vue
@@ -22,13 +22,16 @@
- pined by {{ item.author }} in
-
-
-
- {{ tag }}
-
-
+ pined by {{ item.author }}
+
+ in
+
+
+
+ {{ tag }}
+
+
+
@@ -101,6 +104,9 @@ export default {
}
/* card */
$pin-footer-position-fix: -6px;
+$avatar-width: 30px;
+$avatar-height: 30px;
+
@mixin pin-detail-font-size{
font-size: 12px;
}
@@ -121,8 +127,8 @@ $pin-footer-position-fix: -6px;
border-radius: 3px 3px 0 0;
}
.avatar {
- height: 30px;
- width: 30px;
+ height: $avatar-height;
+ width: $avatar-width;
border-radius: 3px;
}
}
@@ -145,6 +151,7 @@ $pin-footer-position-fix: -6px;
> .pin-info {
line-height: 16px;
width: 220px;
+ padding-left: $avatar-width + 5px;
}
.pin-tag > a {
font-weight: bold;