From 5c740e28f4f75234b71b4cc92260e15cabcc8e9f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Niklas=20Schr=C3=B6tler?= <niklas@allround.digital> Date: Wed, 20 Dec 2023 13:37:36 +0100 Subject: [PATCH] GremiumPanel: Tweaked styling --- src/panels/Gremium/GremiumPanel.tsx | 20 +++++++++++--------- 1 file changed, 11 insertions(+), 9 deletions(-) diff --git a/src/panels/Gremium/GremiumPanel.tsx b/src/panels/Gremium/GremiumPanel.tsx index d20f22d..e850919 100644 --- a/src/panels/Gremium/GremiumPanel.tsx +++ b/src/panels/Gremium/GremiumPanel.tsx @@ -43,15 +43,17 @@ const GremiumPanel = (props: {definition: GremiumPanelDefinition}) => { <PanelContent> <div className={"flex flex-row"}> <div className={"flex-1"}> - <p>{gremium.description}</p> - <p className={"text-sm text-gray-400"}> - <Clock size={20} className={"inline mb-1.5 mr-1"}/> - {gremium.time} - </p> - <p className={"text-sm text-gray-400"}> - <MapPin size={20} className={"inline mb-1.5 mr-1"}/> - {gremium.location} - </p> + <h2 className={"text-xl font-semibold mt-2"}>{gremium.description}</h2> + <div className={"flex flex-row gap-4"}> + <p className={"text-sm text-gray-400"}> + <Clock size={20} className={"inline mb-1.5 mr-1"}/> + {gremium.time} + </p> + <p className={"text-sm text-gray-400"}> + <MapPin size={20} className={"inline mb-1.5 mr-1"}/> + {gremium.location} + </p> + </div> </div> <div className={""}> <QRCode -- GitLab