ionic integration

src/css/ionic-migration.css

@@ -0,0 +1,63 @@
+/*
+ *
+ * Ionic migration CSS
+ * These styles reapply foundation.css styles AFTER iconic.css has been applied.
+ * This has the effect of allowing all foundation styles be available at the same time as all Ionic styles being available.
+ * Where there are conflicts between foundation and css, this file resolves the conflict with a compromise which the developer must manage.
+ * This stylesheet is merged into copay.css.
+ */
+
+/* Foundation.css styles re-applied.  These styles are exactly as described in foundation.css */
+
+
+/* Conflicting styles that are customized as a compromise. These styles are a merge or compromise of foundation.css and ionic.css. */
+
+.row {
+	display: inherit;
+	padding: 0;
+}
+
+button, .button {
+	min-width: inherit;
+  min-height: inherit;
+  text-overflow: inherit;
+}
+
+.modal-open {
+  pointer-events: inherit;
+}
+
+/* Defeat Ionic .row+.row in transaction history */
+.last-transactions-content+.last-transactions-content, .row+.last-transactions-content {
+  padding: 0.8rem 1rem;
+  cursor: pointer;
+  margin: inherit;
+}
+
+/* Add margins to the session log */
+.row.columns.large-centered.medium-centered {
+  padding-left: 0.9375rem;
+  padding-right: 0.9375rem;
+}
+
+/* Defeat Ionic .row+.row in backup failed view */
+.backup .row {
+  margin-top: 10px;
+  padding: 0;
+}
+
+.scroll-view {
+  height: 100% !important;
+}
+
+/* Override the default modal size for large devices */
+@media (min-width: 680px) {
+  .modal {
+    top: 10%;
+    right: 20%;
+    bottom: 10%;
+    left: 20%;
+    min-height: 240px;
+    width: 60%;
+  }
+}