odysee alignment

ui/scss/component/_claim-search.scss

@@ -29,7 +29,7 @@
 }
 
 .claim-search__dropdown--selected {
-  background-color: var(--color-primary-alt);
+  background-color: var(--color-input-bg-selected);
 }
 
 .claim-search__input-container {

ui/scss/component/_file-render.scss

@@ -16,6 +16,10 @@
     .card {
       border-bottom-left-radius: 0;
       border-bottom-right-radius: 0;
+
+      &:first-child {
+        margin-bottom: 0;
+      }
     }
 
     .card + .file-render {
@@ -242,14 +246,14 @@
   .icon--Key {
     margin-right: var(--spacing-m);
   }
+
+  @media (min-width: $breakpoint-small) {
+    padding: 0 var(--spacing-l);
+  }
 }
 
 .file-viewer__embedded-title {
   max-width: 75%;
-
-  @media (max-width: $breakpoint-small) {
-    font-size: var(--font-small);
-  }
 }
 
 .file-viewer__embedded-info {
@@ -258,6 +262,8 @@
   font-size: var(--font-small);
   margin-left: var(--spacing-m);
   white-space: nowrap;
+  position: relative;
+  overflow: hidden;
 
   & > *:not(:last-child) {
     margin-right: var(--spacing-s);
@@ -337,6 +343,8 @@
   }
 
   .vjs-control-bar {
+    background-color: #00000095;
+
     .vjs-remaining-time {
       display: none;
     }
@@ -432,6 +440,15 @@
     }
   }
 
+  .video-js--tap-to-unmute {
+    margin-top: var(--spacing-xl);
+    margin-left: var(--spacing-s);
+
+    @media (min-width: $breakpoint-small) {
+      margin-left: calc(var(--spacing-m) + var(--spacing-s));
+    }
+  }
+
   .file-viewer {
     iframe,
     webview,

ui/scss/themes/dark.scss

@@ -80,6 +80,7 @@
   --color-input-toggle: var(--color-primary);
   --color-input-toggle-bg: var(--color-input-bg);
   --color-input-toggle-bg-hover: var(--color-secondary);
+  --color-input-bg-selected: var(--color-primary-alt);
 
   // Menu
   --color-menu-background: var(--color-header-background);

ui/scss/themes/light.scss

@@ -48,6 +48,7 @@
   --color-text-warning--background: var(--lbry-yellow-1);
   --color-blockquote: var(--color-gray-3);
   --color-blockquote-bg: var(--color-gray-1);
+  --color-input-bg-selected: var(--color-primary-alt);
 
   --color-spinner-light: #ffffff;
   --color-spinner-dark: #212529;

web/src/html.js

@@ -50,9 +50,7 @@ function buildOgMetadata(overrideOptions = {}) {
   const head =
     `<title>${SITE_TITLE}</title>\n` +
     `<meta property="og:url" content="${URL}" />\n` +
-    `<meta property="og:title" content="${(title && title + OG_TITLE_SUFFIX) ||
-      OG_HOMEPAGE_TITLE ||
-      SITE_TITLE}" />\n` +
+    `<meta property="og:title" content="${title || OG_HOMEPAGE_TITLE || SITE_TITLE}" />\n` +
     `<meta property="og:site_name" content="${SITE_NAME || SITE_TITLE}"/>\n` +
     `<meta property="og:description" content="${description || SITE_DESCRIPTION}" />\n` +
     `<meta property="og:image" content="${OG_IMAGE_URL || `${URL}/public/v2-og.png`}" />\n` +