From 59d05e31f409e627261f34a35fa11f86d2de21f0 Mon Sep 17 00:00:00 2001
From: watson <kars@duck.com>
Date: Mon, 21 Oct 2024 21:11:01 +0200
Subject: [PATCH] Improved margins & paddin for all devices

---
 src/app.css         | 7 ++++---
 src/app.jsx         | 4 +---
 src/buttonGroup.jsx | 1 -
 3 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/app.css b/src/app.css
index cc08bf8..e83295a 100644
--- a/src/app.css
+++ b/src/app.css
@@ -26,15 +26,16 @@ h2 {
 
 h3 {
   margin-top: 5vh;
-  margin-bottom: 5vh;
+  margin-bottom: 3vh;
   font-size: 3vh;
 }
 
 p {
-  margin-bottom: 5vh;
+  margin-bottom: 3vh;
+  font-size: 2vh;
 }
 
-.App {
+.buttonGroup {
   margin: 0 auto;
   display: flex;
   flex-direction: row;
diff --git a/src/app.jsx b/src/app.jsx
index d4e0bc9..a37cbf6 100644
--- a/src/app.jsx
+++ b/src/app.jsx
@@ -13,10 +13,8 @@ function App() {
               This is a linking page. Click on one of the buttons to go to the specified project, website or subdomain.
           </p>
 
-          <div className="App">
+          <div className="buttonGroup">
               <ButtonGroup buttons={[ ["Home", "https://home.octubre.be"], ["Cloud", "https://cloud.octubre.be"], ["Me", "https://me.octubre.be"], ["Chat", "https://chat.octubre.be"], ["Archive", "https://archive.octubre.be"], ["Dev", "https://dev.octubre.be"], ["Blog", "https://blog.octubre.be"], ["Status", "https://status.octubre.be"], ["Log", "https://home.octubre.be"]]}/>
-              {/*<ButtonGroup buttons={[["Chat", "https://chat.octubre.be"], ["Archive", "https://archive.octubre.be"], ["Dev", "https://dev.octubre.be"] ]}/>*/}
-              {/*<ButtonGroup buttons={[["Blog", "https://blog.octubre.be"], ["Status", "https://status.octubre.be"], ["Log", "https://home.octubre.be"]]}/>*/}
           </div>
 
           <h3>Contact</h3>
diff --git a/src/buttonGroup.jsx b/src/buttonGroup.jsx
index 94d2a33..62227a5 100644
--- a/src/buttonGroup.jsx
+++ b/src/buttonGroup.jsx
@@ -12,7 +12,6 @@ const ButtonGroup = ({ buttons }) => {
                 <button key={i} name={buttonLabel[0]} onClick={() => openInNewTab(buttonLabel[1])}>
                     {buttonLabel[0]}
                 </button>
-
             ))}
         </>
     );