From fea12957b24a33911e4aef98ffccf163a3939e6c Mon Sep 17 00:00:00 2001
From: Dragos <86549690+dragos-efy@users.noreply.github.com>
Date: Tue, 6 Sep 2022 14:19:20 +0300
Subject: [PATCH 1/4] Update PreferencesPage.vue

---
 src/components/PreferencesPage.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/PreferencesPage.vue b/src/components/PreferencesPage.vue
index a90df011..03cc4d33 100644
--- a/src/components/PreferencesPage.vue
+++ b/src/components/PreferencesPage.vue
@@ -91,7 +91,12 @@
             <p v-t="'info.preferences_note'" />
             <button class="btn" v-t="'actions.reset_preferences'" @click="resetPreferences()" />
             <button class="btn mx-4" v-t="'actions.backup_preferences'" @click="backupPreferences()" />
-            <label for="fileSelector" class="btn" v-t="'actions.restore_preferences'" @click="restorePreferences()" />
+            <label
+                for="fileSelector"
+                class="btn text-center"
+                v-t="'actions.restore_preferences'"
+                @click="restorePreferences()"
+            />
             <input class="hidden" id="fileSelector" ref="fileSelector" type="file" @change="restorePreferences()" />
 
             <!-- options that are visible only when logged in -->

From 1381a5010feab0794b14617717bdfe4efdf0c142 Mon Sep 17 00:00:00 2001
From: Dragos <86549690+dragos-efy@users.noreply.github.com>
Date: Tue, 6 Sep 2022 14:21:44 +0300
Subject: [PATCH 2/4] Fix logo on safari

---
 efy/piped.css | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/efy/piped.css b/efy/piped.css
index 73795f19..eec6d68f 100644
--- a/efy/piped.css
+++ b/efy/piped.css
@@ -74,15 +74,13 @@ tbody:nth-child(odd), .shaka-overflow-menu button:hover, .shaka-settings-menu bu
 
 /*Top bar*/
 .pp-nav {margin-bottom: 15rem}
-
 .pp-nav > div.flex-1.flex.justify-start > a {font-size: 25rem}
-
 .pp-nav > div.flex-1.flex.justify-start > a img {margin-right: -5rem}
-
 .pp-nav > div input {margin: 0!important; width: 300rem}
-
 .pp-nav > ul {list-style: none; padding: 0}
 
+.pp-logo img {width: auto}
+
 /*Cards*/ .video-grid > div > .flex > a > img {width: 32rem; height: 32rem}
 
 /*Player*/ .player-container {max-height: 75vh; background: #000} [efy_theme=dark_black] .player-container {box-shadow: 0 0 0 1.5rem var(--efy_color_border)}
@@ -180,4 +178,4 @@ html .shaka-range-element, html .shaka-range-element:focus {
 }
  @media (min-width: 768px) {
      .md\:hidden {display: none}
-}
\ No newline at end of file
+}

From fe3e3dfc0b745ec4246c0699911339f140196067 Mon Sep 17 00:00:00 2001
From: Dragos <86549690+dragos-efy@users.noreply.github.com>
Date: Tue, 6 Sep 2022 15:35:45 +0300
Subject: [PATCH 3/4] Update VideoItem.vue

---
 src/components/VideoItem.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/VideoItem.vue b/src/components/VideoItem.vue
index 8499101a..f9ed144c 100644
--- a/src/components/VideoItem.vue
+++ b/src/components/VideoItem.vue
@@ -30,10 +30,10 @@
                     v-else-if="video.duration >= 60"
                     v-text="timeFormat(video.duration)"
                 />
-                <i18n-t v-else keypath="video.live" class="thumbnail-overlay thumbnail-right !bg-red-600" tag="div">
-                    <font-awesome-icon class="w-3" :icon="['fas', 'broadcast-tower']" />
+                <i18n-t v-else keypath="video.live" class="thumbnail-overlay thumbnail-right live-badge" tag="div">
+                    <font-awesome-icon :icon="['fas', 'broadcast-tower']" />
                 </i18n-t>
-                <span v-if="video.watched" class="thumbnail-overlay bottom-5px left-5px" v-t="'video.watched'" />
+                <span v-if="video.watched" class="thumbnail-overlay thumbnail-left" v-t="'video.watched'" />
             </div>
 
             <div>

From 4c68c8ee602d754d63ec4cf08ec72e2554be5747 Mon Sep 17 00:00:00 2001
From: Dragos <86549690+dragos-efy@users.noreply.github.com>
Date: Tue, 6 Sep 2022 15:37:58 +0300
Subject: [PATCH 4/4] Update piped.css

---
 efy/piped.css | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/efy/piped.css b/efy/piped.css
index eec6d68f..712ed135 100644
--- a/efy/piped.css
+++ b/efy/piped.css
@@ -17,7 +17,7 @@
 /*Body*/ body {max-width: 100vw; padding: 16rem;}
 
 /*Radius*/ input, .btn, .shaka-video-container, .shaka-video-container video, .video-grid div, .pp-show-recs div, button, a.btn, .grid .comment, .shaka-scrim-container, .suggestion-selected, .pp-mobile-nav a, .shaka-text-container span>span>span {border-radius: var(--efy_radius)}
-/*Radius 0*/ .video-grid img, .thumbnail-left, .thumbnail-right {border-radius: var(--efy_radius0)}
+/*Radius 0*/ .video-grid img, .thumbnail-overlay, .thumbnail-left, .thumbnail-right {border-radius: var(--efy_radius0)}
 /*Radius 2*/ .suggestions-container, .modal-container {border-radius: var(--efy_radius2)}
 
 /*BG: Transparent*/ .video-grid div div, .pp-show-recs div div {background: transparent}
@@ -105,8 +105,10 @@ tbody:nth-child(odd), .shaka-overflow-menu button:hover, .shaka-settings-menu bu
 .suggestions-container li {padding: 3rem 10rem}
 .suggestion-selected {box-shadow: 0 0 0 1.5rem var(--efy_color_border), 0 0 0 1.5rem var(--efy_color_border)}
 
-/*Thumbnail Overlay*/ .thumbnail-right {bottom: 15px; right: 8px; background: var(--efy_text2); padding: 12rem 6rem}
-.thumbnail-left {bottom: 16rem; left: 8rem; padding: 11rem 7rem; background: var(--efy_text2); text-transform: uppercase}
+/*Thumbnail Overlay*/ .thumbnail-overlay, .thumbnail-left , .thumbnail-right  {background: var(--efy_text2)!important; padding: 12rem 6rem!important}
+.thumbnail-right {bottom: 15px; right: 8px}
+.thumbnail-left {bottom: 16rem; left: 8rem}
+.live-badge {padding: 6rem 7rem!important}
 
 /*Recommended Videos*/ .pp-rec-vids {display: grid; grid-template-columns: 1fr 300rem}
 .order-first {-webkit-box-ordinal-group: -9998; -webkit-order: -9999; order: -9999}