From 077f31a075973a969d7ce70e09c568f09481892e Mon Sep 17 00:00:00 2001
From: Christian Landgren <christian@landgren.nu>
Date: Wed, 29 May 2024 13:05:36 +0200
Subject: [PATCH] eu layout fixes mobile

---
 src/components/App.css | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/components/App.css b/src/components/App.css
index e45694e..d9e3ecd 100644
--- a/src/components/App.css
+++ b/src/components/App.css
@@ -97,6 +97,7 @@ body {
   max-width: 100%;
 }
 
+/* EU */
 .EU .App-main > svg {
   max-width: 50%;
 }
@@ -104,6 +105,10 @@ body {
   display: block;
 }
 
+.EU .party:after {
+  display: none;
+}
+
 .App-main small {
   opacity: 0.4;
   font-size: 14px;
@@ -170,6 +175,7 @@ body {
 .LegendContainer {
   display: flex;
   margin: 15px 0;
+  overflow-x: auto;
 }
 
 .LegendContainer > span {
@@ -226,6 +232,7 @@ body {
   position: relative;
 }
 
+/*EU*/
 .EU .wide {
   display: none;
 }
@@ -241,6 +248,11 @@ body {
   margin-right: 30px;
 }
 
+.EU .party h1,
+.EU .party h2 {
+  margin-right: 3px;
+}
+
 .party.below {
   opacity: 0.5;
 }