diff --git a/app/src/components/basic-elements/Repeater.vue b/app/src/components/basic-elements/Repeater.vue
index 8ee82994..5177d839 100644
--- a/app/src/components/basic-elements/Repeater.vue
+++ b/app/src/components/basic-elements/Repeater.vue
@@ -25,7 +25,10 @@
+ :class="{
+ 'publii-repeater-item': true,
+ 'publii-repeater-item-with-labels': (!hideLabels || (hideLabels && index === 0))
+ }">
@@ -485,7 +488,8 @@ export default {
display: flex;
flex-wrap: wrap;
position: relative;
- width: calc(100% - 68px);
+ width: calc(100% - 20px - 68px);
+ margin-left: 20px;
&-ui {
display: flex;
@@ -547,14 +551,15 @@ export default {
}
&-field {
+ width: 100%;
+
label {
+ color: var(--label-color);
padding-right: 10px;
& > span {
display: block;
- font-size: 1.4rem;
- font-weight: bold;
- margin: 0 0 1rem 0;
+ line-height: 2.6;
}
& > * {
@@ -650,12 +655,12 @@ export default {
}
}
- &:first-child {
+ &-with-labels {
.move {
- top: 3.24rem
+ top: 2.6em
}
.publii-repeater-item-ui {
- top: 3.24rem
+ top: 2.6em
}
}
}
diff --git a/app/src/components/post-editor/Sidebar.vue b/app/src/components/post-editor/Sidebar.vue
index 68a760d4..0e6f9b9e 100644
--- a/app/src/components/post-editor/Sidebar.vue
+++ b/app/src/components/post-editor/Sidebar.vue
@@ -541,6 +541,20 @@
:item-id="$parent.postID"
imageType="contentImages" />
+
+