From 1888010fdd5d92f33374d43d03ec4230e3c1db65 Mon Sep 17 00:00:00 2001
From: Ezerous <ezerous@gmail.com>
Date: Tue, 9 Feb 2021 20:05:24 +0200
Subject: [PATCH] Add a small margin in About's version

---
 packages/concordia-app/src/views/About/index.jsx  | 4 +++-
 packages/concordia-app/src/views/About/styles.css | 3 +++
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 packages/concordia-app/src/views/About/styles.css

diff --git a/packages/concordia-app/src/views/About/index.jsx b/packages/concordia-app/src/views/About/index.jsx
index 9277a23..2698047 100644
--- a/packages/concordia-app/src/views/About/index.jsx
+++ b/packages/concordia-app/src/views/About/index.jsx
@@ -6,6 +6,8 @@ import { Container, Image } from 'semantic-ui-react';
 import AboutMd from '../../assets/About.md';
 import appLogo from '../../assets/images/app_logo_circle.svg';
 
+import './styles.css';
+
 const targetBlank = () => ({ href, children }) => (
     <a href={href} target="_blank" rel="noopener noreferrer">
         {children}
@@ -26,7 +28,7 @@ const About = () => {
   return (
       <Container id="about-container">
           <div style={{ textAlign: 'center' }}>
-              <Image src={appLogo} size="small" centered />
+              <Image id="app-logo" src={appLogo} size="small" centered />
               {`v${process.env.REACT_APP_VERSION}`}
           </div>
           <ReactMarkdown
diff --git a/packages/concordia-app/src/views/About/styles.css b/packages/concordia-app/src/views/About/styles.css
new file mode 100644
index 0000000..855a143
--- /dev/null
+++ b/packages/concordia-app/src/views/About/styles.css
@@ -0,0 +1,3 @@
+#app-logo{
+    margin-bottom: 1rem;
+}