Merge pull request #162 from dod-ccpo/ui/modal-close-button

reposition modal close button

templates/components/modal.html

@@ -2,18 +2,17 @@
 
 {% macro Modal(name, dismissable=False) -%}
 <div v-if='modals.{{name}} === true' v-cloak>
-    <div class='modal'>
+    <div class='modal {% if dismissable %}modal--dismissable{% endif%}'>
       <div class='modal__dialog' role='dialog' aria-modal='true'>
-
-        {% if dismissable %}
-          <button class='icon-link modal__dismiss' v-on:click='closeModal("{{name}}")'>
-            {{ Icon('x') }}
-            <span>Close</span>
-          </button>
-        {% endif %}
-
         <div class='modal__body'>
             {{ caller() }}
+
+            {% if dismissable %}
+              <button class='icon-link modal__dismiss' v-on:click='closeModal("{{name}}")'>
+                {{ Icon('x') }}
+                <span>Close</span>
+              </button>
+            {% endif %}
         </div>
       </div>
     </div>