From 7cf8c2280a61f2b6e64d00b3e497afe759296405 Mon Sep 17 00:00:00 2001
From: Bnyro <bnyro@tutanota.com>
Date: Tue, 9 Jan 2024 17:15:43 +0100
Subject: [PATCH] style: improve share dialog ui and accessibility

---
 src/components/ShareModal.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/ShareModal.vue b/src/components/ShareModal.vue
index aaeb9366..b165c934 100644
--- a/src/components/ShareModal.vue
+++ b/src/components/ShareModal.vue
@@ -1,10 +1,11 @@
 <template>
     <ModalComponent>
-        <h2 v-t="'actions.share'" />
+        <h2 v-t="'actions.share'" class="mb-5" />
         <div class="flex justify-between">
             <label v-t="'actions.piped_link'" />
             <input v-model="pipedLink" type="checkbox" @change="onChange" />
         </div>
+        <hr />
         <div v-if="hasPlaylist" class="flex justify-between">
             <label v-t="'actions.with_playlist'" />
             <input v-model="withPlaylist" type="checkbox" @change="onChange" />
@@ -17,6 +18,7 @@
             <label v-t="'actions.time_code'" />
             <input v-model="timeStamp" class="input w-12" type="text" @change="onChange" />
         </div>
+        <hr />
         <a :href="generatedLink" target="_blank">
             <h3 class="mt-4" v-text="generatedLink" />
         </a>