From f59076af0f47207d2829c4b460776712c8f34f50 Mon Sep 17 00:00:00 2001
From: John Mertz <git@john.me.tz>
Date: Wed, 22 Mar 2023 18:15:58 -0400
Subject: [PATCH] Selectively add left and right padding only for letterboxed
 thumbnails.

---
 www/css/style.css | 5 ++++-
 www/index.php     | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/www/css/style.css b/www/css/style.css
index b1a54ec..dc12c87 100755
--- a/www/css/style.css
+++ b/www/css/style.css
@@ -146,10 +146,13 @@ div.thumb, div.details {
     z-index: 20;
 }
 div.thumb {
-    padding: 0px 10px 0px 10px;
+    padding: 0px;
     position: relative;
     overflow-y: hidden;
 }
+div.letterbox {
+    padding: 0px 10px;
+}
 div.thumb img {
     display: block;
     padding-right: 0px;
diff --git a/www/index.php b/www/index.php
index 2e1c30d..34010d4 100755
--- a/www/index.php
+++ b/www/index.php
@@ -233,7 +233,7 @@ function print_video($video,$settings,$mobile,$show_seen)
         }
         $html .= "
                  $default"  . '
-                    <div class="thumb" id="thumbnail:' . $video['videoId'] . '">
+                    <div class="thumb' . ($settings['thumbnail_quality'] == 'maxresdefault' ? '' : ' letterbox') . '" id="thumbnail:' . $video['videoId'] . '">
                         <img src="https://i.ytimg.com/vi/' . $video['videoId'] . '/' . ($settings['thumbnail_quality'] ? $settings['thumbnail_quality'] : 'default') . '.jpg"/>
                         <div class="time">
                             <h4>' . $video['lengthText'] . '</h4>