From ebd40455034cb13480dcd4e7c91c72567fa94ea2 Mon Sep 17 00:00:00 2001
From: Robbie Antenesse <dev@alamantus.com>
Date: Sun, 20 Aug 2017 12:19:38 -0600
Subject: [PATCH] Add Bulma overrides styles to increase modal sizes

---
 src/sass/_bulma-overrides.scss | 10 ++++++++++
 src/sass/main.scss             |  4 ++++
 2 files changed, 14 insertions(+)
 create mode 100644 src/sass/_bulma-overrides.scss

diff --git a/src/sass/_bulma-overrides.scss b/src/sass/_bulma-overrides.scss
new file mode 100644
index 0000000..ce093e7
--- /dev/null
+++ b/src/sass/_bulma-overrides.scss
@@ -0,0 +1,10 @@
+/* Modal size override */
+.modal-card {
+  max-height: calc(100vh - 20px) !important;
+}
+
+@media screen and (min-width: 769px), print {
+  .modal-content, .modal-card {
+    width: 750px !important;
+  }
+}
\ No newline at end of file
diff --git a/src/sass/main.scss b/src/sass/main.scss
index b42d136..ad36e8b 100644
--- a/src/sass/main.scss
+++ b/src/sass/main.scss
@@ -1,5 +1,9 @@
 @import 'variables';
+
 $fa-font-path: "~font-awesome/fonts/";
 @import "~font-awesome/scss/font-awesome";
+
+@import 'bulma-overrides';
 @import '../../node_modules/bulma/bulma';
+
 @import 'styles';