From 6f5be2c4faa14fefc9f1a7fb414d05277551e9ce Mon Sep 17 00:00:00 2001
From: l0drex <l0drex@pm.me>
Date: Fri, 7 Apr 2023 11:36:22 +0200
Subject: [PATCH 1/2] Fix formatting

---
 src/components/Home.tsx      | 2 ++
 src/components/InfoPanel.css | 6 +++++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/Home.tsx b/src/components/Home.tsx
index 76bb8c2a..10bb4640 100644
--- a/src/components/Home.tsx
+++ b/src/components/Home.tsx
@@ -48,8 +48,10 @@ function Article(props) {
 
 function NavigationTutorial() {
   return <Article title={strings.home.navigationArticle.title} emoji="🖥">
+  <p>
     {strings.formatString(strings.home.navigationArticle.content,
       <kbd>{strings.ctrl}</kbd>)}
+  </p>
   </Article>
 }
 
diff --git a/src/components/InfoPanel.css b/src/components/InfoPanel.css
index bd7910e5..e54e155b 100644
--- a/src/components/InfoPanel.css
+++ b/src/components/InfoPanel.css
@@ -45,6 +45,10 @@ aside .title h2 {
     padding-right: 0;
     max-height: unset;
   }
+  
+  aside > * {
+    flex-grow: 0;
+  }
 
   aside .title {
     flex-basis: 0;
@@ -58,7 +62,7 @@ aside > article {
   box-sizing: border-box;
   background: var(--background);
   box-shadow: inset 0 .25rem .25rem rgba(0, 0, 0, .33);
-  flex: 1 1 200px;
+  flex-basis: 200px;
 }
 
 article.gallery {

From 965982f0be543ea8c349ef5092828afcfa4b93ff Mon Sep 17 00:00:00 2001
From: l0drex <l0drex@pm.me>
Date: Sat, 8 Apr 2023 12:55:59 +0200
Subject: [PATCH 2/2] Fix open file button in header

---
 src/components/Header.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 2badb771..79530443 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -21,7 +21,8 @@ function Header(props) {
         <form id="open-file">
           <input type="file" hidden ref={fileInput} accept="application/json"
                  onChange={() => parseFile(fileInput.current.files[0]).then(saveDataAndRedirect)}/>
-          <button className="icon-only" onClick={() => {
+          <button className="icon-only" onClick={e => {
+            e.preventDefault();
             fileInput.current.click();
           }}>📁
           </button>