From f9f7facec36659bed1d0035d48bc70d3534916b2 Mon Sep 17 00:00:00 2001
From: prajwal88 <prajwal.hj@compassitesinc.com>
Date: Wed, 27 Feb 2019 14:10:31 +0530
Subject: [PATCH] Issue fix: modal issues fixed for fullscreen

---
 component/_modal.scss  | 4 ++--
 dist/sb-components.css | 8 ++++----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/component/_modal.scss b/component/_modal.scss
index d8b2624..b324403 100644
--- a/component/_modal.scss
+++ b/component/_modal.scss
@@ -39,10 +39,10 @@
           flex-direction: row-reverse;
           align-items: center;
       }
-      .sb-modal-fullscreen {
+      &.sb-modal-fullscreen {
           @include position(fixed, 0 0 0 0); //bourbon
           width: 100%;
-          margin: 0;
+          margin: 0 !important;
           overflow-y: auto;
           overflow-x: hidden;
           .sb-modal-header {
diff --git a/dist/sb-components.css b/dist/sb-components.css
index cab0be9..e77a006 100644
--- a/dist/sb-components.css
+++ b/dist/sb-components.css
@@ -1329,23 +1329,23 @@ input[type="button"].btn-block {
     display: flex;
     flex-direction: row-reverse;
     align-items: center; }
-  .sb-modal .ui.modal .sb-modal-fullscreen {
+  .sb-modal .ui.modal.sb-modal-fullscreen {
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     width: 100%;
-    margin: 0;
+    margin: 0 !important;
     overflow-y: auto;
     overflow-x: hidden; }
-    .sb-modal .ui.modal .sb-modal-fullscreen .sb-modal-header {
+    .sb-modal .ui.modal.sb-modal-fullscreen .sb-modal-header {
       height: 4rem;
       width: auto;
       border-radius: 0px;
       display: flex;
       justify-content: space-between; }
-    .sb-modal .ui.modal .sb-modal-fullscreen .sb-modal-content {
+    .sb-modal .ui.modal.sb-modal-fullscreen .sb-modal-content {
       height: calc(100vh - 120px); }
   .sb-modal .ui.modal .small {
     color: #666; }