Improve responsiveness of gas price row on confirm screen.

7 years ago · 36b371283c
parent d9160ac6da
commit 36b371283c
1 changed files with 16 additions and 0 deletions
--- a/ui/app/css/itcss/components/confirm.scss
+++ b/ui/app/css/itcss/components/confirm.scss
@ -242,6 +242,22 @@ section .confirm-screen-account-number,
  }
 }

+@media screen and (max-width: 379px) {
+  .confirm-screen-row {
+    span.confirm-screen-section-column {
+      flex: 0.4;
+    }
+
+    div.confirm-screen-section-column {
+      flex: 0.6;
+    }
+
+    .currency-display__input {
+      font-size: 14px;
+    }
+  }
+}
+
 .confirm-screen-row-detail {
  font-size: 12px;
  line-height: 16px;