From 732b8c9d8a2003ae3a541cab710267de4797fb42 Mon Sep 17 00:00:00 2001
From: Francis Lachapelle <flachapelle@inverse.ca>
Date: Mon, 3 Aug 2015 16:15:59 -0400
Subject: [PATCH] (css) Fullscreen dialogs on small screens

---
 .../scss/components/dialog/dialog.scss                 | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/UI/WebServerResources/scss/components/dialog/dialog.scss b/UI/WebServerResources/scss/components/dialog/dialog.scss
index 9da2f9b3a..6aa7f1417 100644
--- a/UI/WebServerResources/scss/components/dialog/dialog.scss
+++ b/UI/WebServerResources/scss/components/dialog/dialog.scss
@@ -1,2 +1,12 @@
 /// dialog.scss -*- Mode: scss; indent-tabs-mode: nil; basic-offset: 2 -*-
 @import 'extends';
+
+@media (max-width: $layout-breakpoint-sm) {
+  [flex-sm="100"] {
+    max-width: 100%;
+    max-height: 100%;
+    width: 100%;
+    height: 100%;
+    border-radius: 0;
+  }
+}
\ No newline at end of file