From 9b565da143711ae900ce273f7912130a1195c698 Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Thu, 31 Oct 2019 17:17:53 +0100
Subject: [PATCH] Better subtitles

---
 src/components/ContentSelection.vue |  6 +++---
 src/scss/main.scss                  | 11 +++++++++--
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/components/ContentSelection.vue b/src/components/ContentSelection.vue
index c7bd3f2..8706d0b 100644
--- a/src/components/ContentSelection.vue
+++ b/src/components/ContentSelection.vue
@@ -9,21 +9,21 @@
           <div class="icon">
             <icon-video></icon-video>
           </div>
-          <div>Watch the video</div>
+          <div v-translate>Watch the video</div>
         </template>
 
         <template v-if="type === 'channel'">
           <div class="icon">
             <icon-channel></icon-channel>
           </div>
-          <div>Discover the channel</div>
+          <div v-translate>Discover the channel</div>
         </template>
 
         <template v-if="type === 'instance'">
           <div class="icon">
             <icon-instance></icon-instance>
           </div>
-          <div>Go on the instance</div>
+          <div v-translate>Go on the instance</div>
         </template>
       </a>
     </div>
diff --git a/src/scss/main.scss b/src/scss/main.scss
index 747c5f6..7591b0f 100644
--- a/src/scss/main.scss
+++ b/src/scss/main.scss
@@ -198,8 +198,15 @@ p > a {
   font-size: 24px;
   font-weight: $font-semibold;
   white-space: nowrap;
-  margin: 100px auto 0;
-  width: 600px;
+  margin: 100px 130px 0;
+  width: fit-content;
+  flex-direction: column;
+
+  .border-title {
+    width: 98%;
+    align-self: flex-start;
+    margin-left: 0;
+  }
 
   @media screen and (max-width: $responsive-screen) {
     white-space: normal;