From a755ddb6bb5fec9d01a04dd1e58c4e09b2f3e611 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Tue, 2 Sep 2025 13:42:29 +0000
Subject: [PATCH] Improve layout and spacing of administrative video editing
 form elements

Adjusted padding, gap, and height for select components and labels in the admin video editing dialog for better UI presentation.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 170e18f0-0f13-4eca-8643-546bba1dd8cc
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/170e18f0-0f13-4eca-8643-546bba1dd8cc/5qUegOb
---
 client/src/pages/admin.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/client/src/pages/admin.tsx b/client/src/pages/admin.tsx
index 02ef92c..b13cfa2 100644
--- a/client/src/pages/admin.tsx
+++ b/client/src/pages/admin.tsx
@@ -357,14 +357,14 @@ function EditVideoDialog({
 
         <form onSubmit={handleSubmit} className="space-y-6">
           {/* Content Type and Genre - Top Priority */}
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-4 p-4 bg-white/5 rounded-lg border border-white/10">
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-3 p-3 bg-white/5 rounded-lg border border-white/10">
             <div>
-              <Label className="text-white/90">Content Type</Label>
+              <Label className="text-white/90 text-sm">Content Type</Label>
               <Select 
                 value={formData.contentType} 
                 onValueChange={(value) => setFormData({ ...formData, contentType: value as any })}
               >
-                <SelectTrigger className="bg-white/10 border-white/20 text-white">
+                <SelectTrigger className="bg-white/10 border-white/20 text-white h-9">
                   <SelectValue />
                 </SelectTrigger>
                 <SelectContent className="bg-[#2D1B69] border-white/20">
@@ -375,12 +375,12 @@ function EditVideoDialog({
             </div>
 
             <div>
-              <Label className="text-white/90">Genre</Label>
+              <Label className="text-white/90 text-sm">Genre</Label>
               <Select 
                 value={formData.genre} 
                 onValueChange={(value) => setFormData({ ...formData, genre: value })}
               >
-                <SelectTrigger className="bg-white/10 border-white/20 text-white">
+                <SelectTrigger className="bg-white/10 border-white/20 text-white h-9">
                   <SelectValue />
                 </SelectTrigger>
                 <SelectContent className="bg-[#2D1B69] border-white/20">