From 6f3cac484840be30316689bf6bc8f271942ba1cd Mon Sep 17 00:00:00 2001
From: z0ccc <z0cccccccc@gmail.com>
Date: Sun, 26 Sep 2021 14:41:00 -0400
Subject: [PATCH] Changed from 1 column to 2

---
 frontend/src/components/MainColumn.js |  8 ++++----
 frontend/src/components/ScanBlocks.js | 20 ++++++++++++--------
 frontend/src/styles/App.css           | 25 +++++++++++--------------
 3 files changed, 27 insertions(+), 26 deletions(-)

diff --git a/frontend/src/components/MainColumn.js b/frontend/src/components/MainColumn.js
index c5eebc9..1ab1a04 100644
--- a/frontend/src/components/MainColumn.js
+++ b/frontend/src/components/MainColumn.js
@@ -2,11 +2,11 @@ import Logo from './Logo';
 import ScanBlocks from './ScanBlocks';
 
 const MainColumn = () => (
-  <div className="centerBlockOuter">
-    <div className="centerBlockInner">
-      <Logo />
+  <>
+    <Logo />
+    <div className="centerBlockOuter">
       <ScanBlocks />
     </div>
-  </div>
+  </>
 );
 export default MainColumn;
diff --git a/frontend/src/components/ScanBlocks.js b/frontend/src/components/ScanBlocks.js
index b43c45c..703d4c5 100644
--- a/frontend/src/components/ScanBlocks.js
+++ b/frontend/src/components/ScanBlocks.js
@@ -14,14 +14,18 @@ import FiltersBlock from './FiltersBlock';
 
 const ScanBlocks = () => (
   <>
-    <IntlBlock />
-    <FingerprintBlock />
-    <LocationBlock />
-    <ConnectionBlock />
-    <NavigatorBlock />
-    <UserAgentBlock />
-    <ScreenBlock />
-    <OtherBlock />
+    <div className="centerBlockInner">
+      <IntlBlock />
+      <FingerprintBlock />
+      <NavigatorBlock />
+      <UserAgentBlock />
+    </div>
+    <div className="centerBlockInner">
+      <LocationBlock />
+      <ConnectionBlock />
+      <ScreenBlock />
+      <OtherBlock />
+    </div>
     {/* <FingerprintBlock />
     <LocationBlock />
     <ConnectionBlock />
diff --git a/frontend/src/styles/App.css b/frontend/src/styles/App.css
index 1feff72..5b7d00c 100644
--- a/frontend/src/styles/App.css
+++ b/frontend/src/styles/App.css
@@ -36,28 +36,25 @@
   right: 12px;
 }
 
-.centerBlockOuter {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex: 1 0 auto;
-  margin: 0 18px;
-}
-
-.centerBlockInner {
-  width: 650px;
-  margin: 24px 0 0 0;
-}
-
 .logoWrap {
   display: flex;
   align-items: center;
   justify-content: center;
+  margin: 13px 0;
 }
 
 .logo {
   width: 270px;
-  margin: 0 0 14px 0;
+}
+
+.centerBlockOuter {
+  display: flex;
+  justify-content: center;
+  gap: 24px;
+}
+
+.centerBlockInner {
+  width: 450px;
 }
 
 .contentBlock {