Update PC view

.gitignore

@@ -10,6 +10,8 @@
 
 # production
 /build
+/.idea
+/.vscode
 
 # misc
 .DS_Store

src/App.css

@@ -39,11 +39,20 @@
     font-weight: 500;
 }
 
+.install-row {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+}
+
 .install-area {
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 11.178px;
     border: 0.918px solid var(--icon-white-100-white, #FFF);
-    padding: 16px 44px 10px 44px; 
-}
+    padding: 16px 44px 10px 44px;
+    margin-left: 8px;
+    margin-right: 8px;
+}

src/App.tsx

@@ -39,14 +39,18 @@ function App() {
             </svg>
         </div>
         <span className="download-title">Install SubWallet on your mobile device</span>
-      <div className="install-area">
-        {isIOS ? (<a href={iOSLink} className='app-link'>
-            <img alt="Download from App Store" src='/app-store-badge.svg'/>
-        </a>)
-        : (<a href={androidLink} className='app-link'>
-            <img alt="Get it on Google Play" src='/play-store-badge.svg'/>
-        </a>)}
-      </div>
+        <div className="install-row">
+          {!isAndroid && <div className="install-area">
+            <a href={iOSLink} className='app-link'>
+                <img alt="Download from App Store" src='/app-store-badge.svg'/>
+            </a>
+          </div>}
+          {!isIOS && <div className="install-area">
+            <a href={androidLink} className='app-link'>
+                <img alt="Get it on Google Play" src='/play-store-badge.svg'/>
+            </a>
+          </div>}
+        </div>
       </header>
     </div>
   );