Tweaks for better modal distinction between fixed/inline

app/assets/javascripts/discourse/components/d-modal-body.js.es6

@@ -4,7 +4,7 @@ export default Ember.Component.extend({
   didInsertElement() {
     this._super();
     $('#modal-alert').hide();
-    $('.d-modal').modal('show');
+    $('.d-modal.fixed-modal').modal('show');
     Ember.run.scheduleOnce('afterRender', this, this._afterFirstRender);
     this.appEvents.on('modal-body:flash', msg => this._flash(msg));
   },

app/assets/javascripts/discourse/components/hide-modal-trigger.js.es6

@@ -1,6 +1,6 @@
 export default Ember.Component.extend({
   didInsertElement() {
     this._super();
-    $('.d-modal').modal('hide').addClass('hidden');
+    $('.d-modal.fixed-modal').modal('hide').addClass('hidden');
   }
 });

app/assets/javascripts/discourse/routes/application.js.es6

@@ -121,11 +121,11 @@ const ApplicationRoute = Discourse.Route.extend(OpenComposer, {
       user clicks "No", reopenModal. If user clicks "Yes", be sure to call closeModal.
     **/
     hideModal() {
-      $('.d-modal').modal('hide');
+      $('.d-modal.fixed-modal').modal('hide');
     },
 
     reopenModal() {
-      $('.d-modal').modal('show');
+      $('.d-modal.fixed-modal').modal('show');
     },
 
     editCategory(category) {

app/assets/stylesheets/common/base/modal.scss

@@ -83,7 +83,13 @@
 }
 
 
-.modal {
+.inline-modal {
+  .modal-inner-container {
+    border: 1px solid $secondary-medium;
+  }
+}
+
+.fixed-modal {
   position: fixed;
   top: 0;
   width: 100%;