Improve faucet mobile layout

2024-05-16 21:10:15 +00:00
parent d9197e28be
commit 987def9baa
2 changed files with 9 additions and 3 deletions
--- a/frontend/src/app/components/faucet/faucet.component.scss
+++ b/frontend/src/app/components/faucet/faucet.component.scss
@@ -8,9 +8,11 @@
  align-items: stretch;
  justify-content: flex-end;
  row-gap: 0.5rem;
+  gap: 0.5rem;
  
  .form-control {
-    min-width: 200px;
+    min-width: 160px;
+    flex-grow: 100;
  }

  .button-group {
@@ -18,6 +20,10 @@
    align-items: stretch;
  }

+  .submit-button, .button-group, .button-group .btn {
+    flex-grow: 1;
+  }
+
  #satoshis::after {
    content: 'sats';
    position: absolute;