tweak: Make embedded chart more compressible

Per pointers here:
<https://github.com/ForumMagnum/ForumMagnum/pull/6096#issuecomment-1317821272>

src/web/questions/components/HistoryChart/InnerChart.tsx

@@ -13,8 +13,10 @@ import {
   VictoryVoronoiContainer,
 } from "victory";
 
-import { chartColors, ChartData, ChartSeries, height, width } from "./utils";
+import { chartColors, ChartData, ChartSeries, goldenRatio } from "./utils";
 
+const height = 400
+const width = height * goldenRatio
 let dateFormat = "MMM do y"; // "yyyy-MM-dd"
 
 // can't be replaced with React component, VictoryChart requires VictoryGroup elements to be immediate children

src/web/questions/components/HistoryChart/utils.ts

@@ -18,7 +18,7 @@ export const chartColors = [
   "#F59E0B", // amber-500
 ];
 
-const goldenRatio = (1 + Math.sqrt(5)) / 2;
+export const goldenRatio = (1 + Math.sqrt(5)) / 2;
 // used both for chart and for ssr placeholder
 export const width = 750;
 export const height = width / goldenRatio;

src/web/questions/pages/EmbedQuestionPage.tsx

@@ -40,7 +40,7 @@ const EmbedQuestionPage: NextPage<Props> = ({ id }) => {
       <Query document={QuestionPageDocument} variables={{ id }}>
         {({ data: { result: question } }) =>
           question ? (
-            <div className="p-4">
+            <div className="flex flex-col p-4 ">
               <QuestionTitle question={question} linkToMetaforecast={true} />
 
               <div className="mb-5 mt-5">