Video oynatıcı modalında kontrollerin geniş ekranlarda görünür kalması için esnek yapıyı güncelle.

client/src/styles/main.css

@@ -243,6 +243,7 @@ body,
   border-radius: 12px;
   display: flex;
   flex-direction: column;
+  min-height: 0;
   overflow: hidden;
   box-shadow: 0 0 30px rgba(0, 0, 0, 0.8);
 }
@@ -253,13 +254,16 @@ body,
   display: flex;
   flex-direction: column;
   justify-content: space-between;
+  min-height: 0;
   background: #000;
 }
 
 .video-element {
-  flex: 1;
+  flex: 1 1 auto;
   width: 100%;
-  height: 100%;
+  height: auto;
+  max-height: 100%;
+  min-height: 0;
   object-fit: contain;
   background: #000;
   border: none;
@@ -278,6 +282,7 @@ body,
   display: flex;
   flex-direction: column;
   gap: 8px;
+  flex-shrink: 0;
   border-top: 1px solid #333;
 }
 
@@ -285,6 +290,7 @@ body,
   display: flex;
   justify-content: space-between;
   align-items: center;
+  flex-shrink: 0;
 }
 
 .control-btn {
@@ -343,6 +349,7 @@ body,
   align-items: center;
   justify-content: space-between;
   gap: 12px;
+  flex-shrink: 0;
 }
 
 .progress-slider {
@@ -442,6 +449,7 @@ body,
   color: #fff;
   font-size: 16px;
   font-weight: 500;
+  flex-shrink: 0;
 }
 
 .video-title {