minor padding changes

Author: dunkeroni

invokeai/frontend/web/src/features/controlLayers/components/RasterLayer/RasterLayerAdjustmentsPanel.tsx

@@ -125,7 +125,7 @@ export const RasterLayerAdjustmentsPanel = memo(() => {
 
   return (
     <>
-      <Flex alignItems="center" gap={3} mt={2} mb={2}>
+      <Flex px={4} alignItems="center" gap={3} mt={2} mb={2}>
         <IconButton
           aria-label={collapsed ? t('controlLayers.adjustments.expand') : t('controlLayers.adjustments.collapse')}
           size="sm"

invokeai/frontend/web/src/features/controlLayers/components/RasterLayer/RasterLayerSimpleAdjustmentsEditor.tsx

@@ -16,7 +16,7 @@ type AdjustmentSliderRowProps = {
 };
 
 const AdjustmentSliderRow = ({ label, value, onChange, min = -1, max = 1, step = 0.01 }: AdjustmentSliderRowProps) => (
-  <FormControl orientation="horizontal" mb={1} pr={2} w="full">
+  <FormControl orientation="horizontal" mb={1} w="full">
     <FormLabel m={0} minW="90px">
       {label}
     </FormLabel>
@@ -66,7 +66,7 @@ export const RasterLayerSimpleAdjustmentsEditor = memo(() => {
   );
 
   return (
-    <Flex px={4} direction="column">
+    <Flex px={8} direction="column">
       <AdjustmentSliderRow
         label={t('controlLayers.adjustments.brightness')}
         value={simple.brightness}