PieChart: Fixes legend dimension limits (#35563) (#35584)

* PieChart: Fixes legend size limits

* Fixing table legend

* remove legend

(cherry picked from commit a328afd631)

Co-authored-by: Torkel Ödegaard <torkel@grafana.org>

packages/grafana-ui/src/components/TimeSeries/TimeSeries.tsx

@@ -29,7 +29,7 @@ export class UnthemedTimeSeries extends React.Component<TimeSeriesProps> {
       return null;
     }
 
-    return <PlotLegend data={frames} config={config} maxHeight="35%" maxWidth="60%" {...legend} />;
+    return <PlotLegend data={frames} config={config} {...legend} />;
   };
 
   render() {

packages/grafana-ui/src/components/VizLayout/VizLayout.tsx

@@ -35,7 +35,7 @@ export const VizLayout: VizLayoutComponentType = ({ width, height, legend, child
     return <div style={containerStyle}>{children(width, height)}</div>;
   }
 
-  const { placement, maxHeight, maxWidth } = legend.props;
+  const { placement, maxHeight = '35%', maxWidth = '60%' } = legend.props;
 
   let size: VizSize | null = null;
 

packages/grafana-ui/src/components/VizLegend/VizLegendTable.tsx

@@ -97,7 +97,6 @@ export const VizLegendTable = <T extends unknown>({
 const getStyles = (theme: GrafanaTheme) => ({
   table: css`
     width: 100%;
-    margin-left: ${theme.spacing.sm};
     th:first-child {
       width: 100%;
     }