ConditionalRendering: Adjust naming and delete button alignment (#103677)

adjust naming and delete button alignment

public/app/features/dashboard-scene/conditional-rendering/ConditionalRenderingBase.tsx

@@ -100,7 +100,7 @@ function ConditionalRenderingBaseRenderer<T extends ConditionalRenderingBase>({
         )}
       </Stack>
 
-      <Stack direction="row" gap={1} justifyContent="stretch" alignItems="baseline">
+      <Stack direction="row" gap={1} justifyContent="stretch" alignItems="center">
         <Stack flex={1} direction="column" gap={1}>
           {comp}
           {!model.isItemSupported() && (

public/app/features/dashboard-scene/conditional-rendering/ConditionalRenderingGroupCondition.tsx

@@ -17,8 +17,8 @@ export const ConditionalRenderingGroupCondition = ({ value, onChange }: Props) =
 
   const options: Array<SelectableValue<GroupConditionCondition>> = useMemo(
     () => [
-      { label: t('dashboard.conditional-rendering.conditions.group.condition.all', 'Match all (AND)'), value: 'and' },
-      { label: t('dashboard.conditional-rendering.conditions.group.condition.any', 'Match any (OR)'), value: 'or' },
+      { label: t('dashboard.conditional-rendering.conditions.group.condition.all', 'Match all'), value: 'and' },
+      { label: t('dashboard.conditional-rendering.conditions.group.condition.any', 'Match any'), value: 'or' },
     ],
     []
   );

public/locales/en-US/grafana.json

@@ -2672,8 +2672,8 @@
             "variable": "Template variable"
           },
           "condition": {
-            "all": "Match all (AND)",
-            "any": "Match any (OR)",
+            "all": "Match all",
+            "any": "Match any",
             "label": "Match rules"
           },
           "label": "Group",