Makes download buttons bigger

raiden-network · May 6, 2020 · 77119fb · 77119fb
1 parent 771f06b
commit 77119fb
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 15 deletions.
diff --git a/resources/static/css/app.css b/resources/static/css/app.css
diff --git a/resources/static/css/app.scss b/resources/static/css/app.scss
@@ -95,7 +95,7 @@ a {
         vertical-align: middle;
 
         &.big {
-            height: 36px;
+            height: 60px;
         }
     }
 }

diff --git a/resources/templates/account.html b/resources/templates/account.html
@@ -19,13 +19,21 @@ <h2>Fund your Raiden Account with ETH</h2>
 </div>
 
 <div class="info-panel">
-  You need to download the Raiden Account&nbsp;
-  <a
-    href="{{ reverse_url('keystore', configuration_file.file_name, keystore) }}"
-    download
-  >
-    <img class="icon-link" src="{{ static_url('images/download.svg') }}" alt="Download link" />
-  </a>
+  <div>You need to download the Raiden Account<br>
+    <a
+      href="{{ reverse_url('keystore', configuration_file.file_name, keystore) }}"
+      download
+    >
+      <img class="icon-link big" src="{{ static_url('images/download.svg') }}" alt="Download link" />
+    </a>
+  </div>
+  <br>
+  <div id="no-web3">
+    You need MetaMask to proceed<br>
+    <a href="https://metamask.io/download.html" target="_blank">
+      <img class="icon-link big" src="{{ static_url('images/metamask.svg') }}" alt="Download MetaMask" />
+    </a>
+  </div>
 </div>
 
 <div class="action">
@@ -37,12 +45,6 @@ <h2>Fund your Raiden Account with ETH</h2>
   >
     Send {{ ethereum_required.formatted }}
   </button>
-  <span id="no-web3">
-    You need MetaMask to proceed&nbsp;
-    <a href="https://metamask.io/download.html" target="_blank">
-      <img class="icon-link big" src="{{ static_url('images/metamask.svg') }}" alt="Download MetaMask" />
-    </a>
-  </span>
 </div>
 {% end %} {% block page_header_scripts %}
 <script type="text/javascript">
-Original file line number
+Diff line change
@@ Expand Up / @@ -95,7 +95,7 @@ a { @@
             vertical-align: middle;
             &.big {
-                height: 36px;
+                height: 60px;
             }
         }
     }
@@ Expand Down @@