Video details layout fixes

Shared/Player/Video Details/VideoActions.swift

@@ -64,7 +64,7 @@ struct VideoActions: View {
             }
         }
         .padding(.horizontal)
-        .borderBottom(height: 0.4, color: Color("ControlsBorderColor"))
+        .borderBottom(height: 0.5, color: Color("ControlsBorderColor"))
         .multilineTextAlignment(.center)
         .frame(maxWidth: .infinity)
         .frame(height: 50)

Shared/Player/Video Details/VideoDetails.swift

@@ -31,7 +31,6 @@ struct VideoDetails: View {
     @EnvironmentObject<RecentsModel> private var recents
     @EnvironmentObject<SubscriptionsModel> private var subscriptions
 
-    @Default(.playerDetailsPageButtonLabelStyle) private var playerDetailsPageButtonLabelStyle
     @Default(.playerSidebar) private var playerSidebar
 
     var video: Video? {
@@ -53,6 +52,7 @@ struct VideoDetails: View {
 
             ZStack(alignment: .bottom) {
                 currentPage
+                    .frame(maxWidth: detailsSize.width)
                     .transition(.fade)
 
                 HStack(alignment: .center) {
@@ -181,29 +181,41 @@ struct VideoDetails: View {
 
                 if let views = video?.viewsCount, player.videoBeingOpened.isNil {
                     Text(views)
+                } else {
+                    if player.videoBeingOpened == nil {
+                        Text("?")
                     } else {
                         Text("1,234M").redacted(reason: .placeholder)
                     }
+                }
 
                 Image(systemName: "hand.thumbsup")
 
                 if let likes = video?.likesCount, player.videoBeingOpened.isNil {
                     Text(likes)
+                } else {
+                    if player.videoBeingOpened == nil {
+                        Text("?")
                     } else {
                         Text("1,234M").redacted(reason: .placeholder)
                     }
+                }
 
                 if Defaults[.enableReturnYouTubeDislike] {
                     Image(systemName: "hand.thumbsdown")
 
                     if let dislikes = video?.dislikesCount, player.videoBeingOpened.isNil {
                         Text(dislikes)
+                    } else {
+                        if player.videoBeingOpened == nil {
+                            Text("?")
                         } else {
                             Text("1,234M").redacted(reason: .placeholder)
                         }
                     }
                 }
             }
+        }
         .font(.system(size: 12))
         .foregroundColor(.secondary)
     }

Shared/Player/Video Details/VideoDetailsTool.swift

@@ -18,7 +18,7 @@ struct VideoDetailsTool: Identifiable {
         case .info:
             return video != nil && !video!.isLocal
         case .inspector:
-            return true
+            return false
         case .chapters:
             return video != nil && !video!.chapters.isEmpty
         case .comments:

Shared/Player/Video Details/VideoDetailsToolbar.swift

@@ -1,6 +1,8 @@
+import Defaults
 import SwiftUI
 
 struct VideoDetailsToolbar: View {
+    static let lowOpacity = 0.33
     var video: Video?
     @Binding var page: VideoDetails.DetailsPage
     var sidebarQueue: Bool
@@ -18,8 +20,10 @@ struct VideoDetailsToolbar: View {
     @State private var startedToolPosition: CGRect = .zero
     @State private var opacity = 1.0
 
+    @EnvironmentObject<PlayerModel> private var player
+    @Default(.playerDetailsPageButtonLabelStyle) private var playerDetailsPageButtonLabelStyle
+
     var body: some View {
-        Group {
         VStack {
             HStack(spacing: 12) {
                 ForEach($tools) { $tool in
@@ -63,32 +67,35 @@ struct VideoDetailsToolbar: View {
                             startedToolPosition = .zero
                         }
                         Delay.by(2) {
-                                withAnimation(.easeOut(duration: 1)) {
+                            lowerOpacity()
-                                    opacity = 0.1
-                                }
                         }
                     }
             )
         }
         .onAppear {
-                Delay.by(2) {
+            Delay.by(2) { lowerOpacity() }
-                    withAnimation(.linear(duration: 1)) {
-                        opacity = 0.1
-                    }
-                }
         }
         .opacity(opacity)
-        }
         .background(
             Rectangle()
                 .contentShape(Rectangle())
                 .foregroundColor(.clear)
         )
         .onHover { hovering in
-            withAnimation(.linear(duration: 0.1)) {
+            hovering ? resetOpacity(0.2) : lowerOpacity(0.2)
-                opacity = hovering ? 1 : 0.1
         }
     }
+
+    func lowerOpacity(_ duration: Double = 1.0) {
+        withAnimation(.linear(duration: duration)) {
+            opacity = Self.lowOpacity
+        }
+    }
+
+    func resetOpacity(_ duration: Double = 1.0) {
+        withAnimation(.linear(duration: duration)) {
+            opacity = 1
+        }
     }
 
     @ViewBuilder func ToolView(tool: Binding<VideoDetailsTool>) -> some View {
@@ -110,13 +117,15 @@ struct VideoDetailsToolbar: View {
                     }
                 )
 
-            if activeToolID == tool.wrappedValue.id, false {
+            if activeToolID == tool.wrappedValue.id,
+               playerDetailsPageButtonLabelStyle.text,
+               player.playerSize.width > 450
+            {
                 Text(tool.wrappedValue.name)
                     .font(.system(size: 14).bold())
                     .foregroundColor(.white)
                     .allowsTightening(true)
                     .lineLimit(1)
-                    .layoutPriority(2)
             }
         }
         .padding(.horizontal, 10)