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
This commit is contained in:
sebastjanartic 2025-09-02 13:42:29 +00:00
parent 7fe22b5f46
commit a755ddb6bb

View File

@ -357,14 +357,14 @@ function EditVideoDialog({
<form onSubmit={handleSubmit} className="space-y-6"> <form onSubmit={handleSubmit} className="space-y-6">
{/* Content Type and Genre - Top Priority */} {/* 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> <div>
<Label className="text-white/90">Content Type</Label> <Label className="text-white/90 text-sm">Content Type</Label>
<Select <Select
value={formData.contentType} value={formData.contentType}
onValueChange={(value) => setFormData({ ...formData, contentType: value as any })} 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 /> <SelectValue />
</SelectTrigger> </SelectTrigger>
<SelectContent className="bg-[#2D1B69] border-white/20"> <SelectContent className="bg-[#2D1B69] border-white/20">
@ -375,12 +375,12 @@ function EditVideoDialog({
</div> </div>
<div> <div>
<Label className="text-white/90">Genre</Label> <Label className="text-white/90 text-sm">Genre</Label>
<Select <Select
value={formData.genre} value={formData.genre}
onValueChange={(value) => setFormData({ ...formData, genre: value })} 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 /> <SelectValue />
</SelectTrigger> </SelectTrigger>
<SelectContent className="bg-[#2D1B69] border-white/20"> <SelectContent className="bg-[#2D1B69] border-white/20">