move disconnected layer to let buttons clickable

boypt · Jul 19, 2021 · af247f1 · af247f1
1 parent bc50088
commit af247f1
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/static/files/css/app.css b/static/files/css/app.css
@@ -14,11 +14,20 @@ body {
   margin: 0 auto;
 }
 
+@media (min-width: 740px) {
+  .app .connect-warning {
+    margin-top: 4.5rem;
+  }
+}
+
 @media (max-width: 740px) {
   .cage {
     margin: 0 10px;
     padding-top: 10px;
   }
+  .app .connect-warning {
+    margin-top: 3rem;
+  }
 }
 
 @media (max-width: 480px) {

diff --git a/static/files/index.html b/static/files/index.html
@@ -14,7 +14,7 @@
 
 <body class="app">
 	<div ng-cloak class="cage" ondropfile="uploadTorrent($event)" placeholder="Drop torrent files here">
-		<div ng-if="!connected" class="connect-warning ui inverted vertical masthead center aligned segment">
+		<div ng-if="!connected" class="connect-warning ui inverted masthead center aligned segment">
 			<div class="ui text container">
 				<h1 class="ui inverted header">
 					{{ hasConnected ? 'Disconnected' : 'Connecting' }}