From aaa3b85ebc37922b1c495b1191a226e61ebb4831 Mon Sep 17 00:00:00 2001
From: issyrocks12 <issyrocks2020@gmail.com>
Date: Sun, 9 Apr 2017 05:52:03 +0000
Subject: [PATCH] Make no strike modal responsive on mobile

---
 js/admin/dist/extension.js                  |  6 +++++-
 js/admin/src/components/AdminStrikeModal.js |  6 +++++-
 js/forum/dist/extension.js                  |  6 +++++-
 js/forum/src/components/ModStrikeModal.js   |  6 +++++-
 less/admin/extension.less                   | 14 ++++++++++++++
 less/forum/extension.less                   | 13 +++++++++++++
 6 files changed, 47 insertions(+), 4 deletions(-)

diff --git a/js/admin/dist/extension.js b/js/admin/dist/extension.js
index 5f8c3b6..25c41fc 100644
--- a/js/admin/dist/extension.js
+++ b/js/admin/dist/extension.js
@@ -96,7 +96,11 @@ System.register('Reflar/UserManagement/components/AdminStrikeModal', ['flarum/co
         }, {
           key: 'className',
           value: function className() {
-            return 'AdminStrikeModal Modal';
+            if (this.strikes !== undefined) {
+              return 'ModStrikeModal Modal';
+            } else {
+              return 'Modal Modal--small';
+            }
           }
         }, {
           key: 'title',
diff --git a/js/admin/src/components/AdminStrikeModal.js b/js/admin/src/components/AdminStrikeModal.js
index 7be8d5a..10e56ea 100644
--- a/js/admin/src/components/AdminStrikeModal.js
+++ b/js/admin/src/components/AdminStrikeModal.js
@@ -35,7 +35,11 @@ export default class AdminStrikeModal extends Modal {
   }
 
   className() {
-    return 'AdminStrikeModal Modal';
+    if (this.strikes !== undefined) {
+      return 'ModStrikeModal Modal';
+    } else {
+      return 'Modal Modal--small'
+    }
   }
 
   title() {
diff --git a/js/forum/dist/extension.js b/js/forum/dist/extension.js
index 9a611f4..b4cca58 100644
--- a/js/forum/dist/extension.js
+++ b/js/forum/dist/extension.js
@@ -273,7 +273,11 @@ System.register('Reflar/UserManagement/components/ModStrikeModal', ['flarum/comp
         }, {
           key: 'className',
           value: function className() {
-            return 'ModStrikeModal Modal';
+            if (this.strikes !== undefined) {
+              return 'ModStrikeModal Modal';
+            } else {
+              return 'Modal Modal--small';
+            }
           }
         }, {
           key: 'title',
diff --git a/js/forum/src/components/ModStrikeModal.js b/js/forum/src/components/ModStrikeModal.js
index 45143ec..f07ceb6 100644
--- a/js/forum/src/components/ModStrikeModal.js
+++ b/js/forum/src/components/ModStrikeModal.js
@@ -43,7 +43,11 @@ export default class ModStrikeModal extends Modal {
   }
 
   className() {
-    return 'ModStrikeModal Modal';
+    if (this.strikes !== undefined) {
+      return 'ModStrikeModal Modal';
+    } else {
+      return 'NoStrikeModa Modal Modal--small'
+    }
   }
 
   title() {
diff --git a/less/admin/extension.less b/less/admin/extension.less
index 5e03c05..788d261 100644
--- a/less/admin/extension.less
+++ b/less/admin/extension.less
@@ -13,6 +13,20 @@
     }
   }
 }
+
+.NoStrikeModal {
+  
+ .ModStrikeModal--fieldset
+  {
+    text-align: center !important;
+    margin: auto !important;
+    
+    li {
+      list-style-type: none;
+    }
+  }
+}
+
 .NotificationGrid {
     background: #eaeef0;
     border-radius: 4px
diff --git a/less/forum/extension.less b/less/forum/extension.less
index a54954a..5f0a497 100644
--- a/less/forum/extension.less
+++ b/less/forum/extension.less
@@ -12,6 +12,19 @@
   }
 }
 
+.NoStrikeModal {
+  
+ .ModStrikeModal--fieldset
+  {
+    text-align: center !important;
+    margin: auto !important;
+    
+    li {
+      list-style-type: none;
+    }
+  }
+}
+
 .Reflar-RegValue {
     margin: 0 auto;
     text-align: center;