refactor

web/src/components/App/style.js

@@ -29,9 +29,13 @@ export const AppWrapper = styled.div`
 `
 
 export const CenteredGrid = styled.div`
-  height: 100%;
   display: grid;
   place-items: center;
+
+  ${standaloneMedia(css`
+    height: 100vh;
+    width: 100vw;
+  `)}
 `
 
 export const AppHeader = styled.div`

web/src/components/TorrentList/index.jsx

@@ -6,11 +6,6 @@ import NoServerConnection from './NoServerConnection'
 import AddFirstTorrent from './AddFirstTorrent'
 
 export default function TorrentList({ isOffline, isLoading, torrents }) {
-  return (
-    <CenteredGrid>
-      <AddFirstTorrent />
-    </CenteredGrid>
-  )
   if (isLoading || isOffline || !torrents.length) {
     return (
       <CenteredGrid>