fix(toolbar): padding

Author: BreadGenie

frontend/src/components/MeetingToolbar.vue

@@ -8,7 +8,7 @@
 			:class="isVisible ? 'translate-y-0' : 'translate-y-full'"
 		>
 			<div
-				class="flex items-center gap-3 px-6 py-3 bg-black/80 backdrop-blur-md rounded-full border border-white/10 shadow-xl pointer-events-auto transition-all duration-300"
+				class="flex items-center gap-3 p-4 bg-black/80 backdrop-blur-md rounded-full border border-white/10 shadow-xl pointer-events-auto transition-all duration-300"
 				@mouseenter="onMouseEnter"
 				@mouseleave="onMouseLeave"
 			>

frontend/src/components/PreviewToolbar.vue

@@ -12,7 +12,7 @@
 			class="z-5 pointer-events-none w-auto max-w-3xl px-4 md:px-0 bottom-4 left-1/2 transform -translate-x-1/2 absolute"
 		>
 			<div
-				class="flex items-center gap-3 px-6 py-3 bg-black/80 backdrop-blur-md rounded-full border border-white/10 shadow-xl pointer-events-auto transition-all duration-300 mx-auto"
+				class="flex items-center gap-3 p-4 bg-black/80 backdrop-blur-md rounded-full border border-white/10 shadow-xl pointer-events-auto transition-all duration-300 mx-auto"
 				@mouseenter="onMouseEnter"
 				@mouseleave="onMouseLeave"
 			>