flex view

src/css/ionic-migration.css

@@ -16,14 +16,6 @@
 	display: inherit;
 }
 
-.df {
-	display: flex;
-}
-
-.button-content {
-	margin-bottom: -15px;
-}
-
 .behind {
 	z-index: -1;
 }

src/sass/main.scss

@@ -282,6 +282,26 @@ a {
   }
 }
 
+.main-container {
+  display: -webkit-flex;
+  -webkit-flex-direction: column;
+  height: 100%;
+}
+
+.main-container > .row {
+  -webkit-flex: 1;
+}
+
+.header {
+  -webkit-flex: 1.5 !important;
+  -webkit-align-items: center;
+}
+
+.button-row {
+  -webkit-align-items: center;
+  margin-bottom: -30px;
+}
+
 .box-setup-footer {
   overflow: hidden;
   margin-top: 1rem;
@@ -1580,19 +1600,6 @@ input.ng-invalid-match {
   margin-bottom: 25px;
 }
 
-.send-amount {
-  width: 100%;
-  text-align: center;
-  padding-top: 7%;
-  color: #fff;
-  height: 30%;
-}
-
-.calculator-keyboard {
-  width: 100%;
-  height: 70%;
-}
-
 .alternative-amount {
   height: 25px;
   text-align: center;