From 164f3214f9f6520ef655995618dfcd7743f19f6e Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Fri, 1 Jul 2022 15:23:49 +0900
Subject: [PATCH] chore(client): tweak style

---
 packages/client/src/widgets/rss-marquee.vue | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/packages/client/src/widgets/rss-marquee.vue b/packages/client/src/widgets/rss-marquee.vue
index e7516476a..6d910a2fb 100644
--- a/packages/client/src/widgets/rss-marquee.vue
+++ b/packages/client/src/widgets/rss-marquee.vue
@@ -7,7 +7,9 @@
 		<MkLoading v-if="fetching"/>
 		<div v-else class="feed">
 			<MarqueeText :key="key" :duration="widgetProps.speed" :reverse="widgetProps.reverse">
-				<a v-for="item in items" class="item" :href="item.link" rel="nofollow noopener" target="_blank" :title="item.title">{{ item.title }}</a>
+				<span v-for="item in items" class="item">
+					<a class="link" :href="item.link" rel="nofollow noopener" target="_blank" :title="item.title">{{ item.title }}</a><span class="divider"></span>
+				</span>
 			</MarqueeText>
 		</div>
 	</div>
@@ -108,9 +110,19 @@ defineExpose<WidgetComponentExpose>({
 		font-size: 0.9em;
 
 		::v-deep(.item) {
-			display: inline-block;
+			display: inline-flex;
+			align-items: center;
+			vertical-align: bottom;
 			color: var(--fg);
-			margin: 12px 3em 12px 0;
+			margin: 12px 0;
+
+			> .divider {
+				display: inline-block;
+				width: 0.5px;
+				height: 16px;
+				margin: 0 1em;
+				background: var(--divider);
+			}
 		}
 	}
 }