From 5dcd061b2a11719d5c72701a9a01110d8bf18af1 Mon Sep 17 00:00:00 2001
From: talkor <talkor@gmail.com>
Date: Sun, 9 Oct 2022 08:54:39 +0300
Subject: [PATCH] fix: align buttons

---
 src/App.vue                   | 2 +-
 src/components/WatchVideo.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index f3e7bb92..cb960569 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -101,7 +101,7 @@ b {
 }
 
 .btn {
-    @apply h-full py-2 lt-md:px-2 md:px-4 rounded cursor-pointer;
+    @apply py-2 lt-md:px-2 md:px-4 rounded cursor-pointer inline-block;
 }
 
 .reset {
diff --git a/src/components/WatchVideo.vue b/src/components/WatchVideo.vue
index 7811df81..d5312ef7 100644
--- a/src/components/WatchVideo.vue
+++ b/src/components/WatchVideo.vue
@@ -74,7 +74,7 @@
                     <!-- Verified Badge -->
                     <font-awesome-icon class="ml-1" v-if="video.uploaderVerified" icon="check" />
                 </div>
-                <div class="flex relative ml-auto children:mx-1">
+                <div class="flex relative ml-auto children:mx-1 items-center">
                     <button class="btn" v-if="authenticated" @click="showModal = !showModal">
                         {{ $t("actions.add_to_playlist") }}<font-awesome-icon class="ml-1" icon="circle-plus" />
                     </button>