make invite modal smaller

UCSC-MedBook · Jul 10, 2016 · 853037c · 853037c
1 parent f01db6b
commit 853037c
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 16 deletions.
diff --git a/webapp/client/inviteModal.html b/webapp/client/inviteModal.html
@@ -1,18 +1,16 @@
 <template name="inviteModal">
   {{! shows up when invite people to a case}}
-  <div class="invite ui modal">
+  <div class="invite ui basic modal right floating">
+          {{#if Template.subscriptionsReady}}
+            {{#if getCase}}
+              {{#with getCase}}
     <i class="close icon"></i>
     <div class="header">
-      Invite to a Case
+      Invite for Opinion on {{caseLabel}} : {{summary}}
     </div>
-
     <div class="content">
       <form class="invite ui form">
-        <div class="ui segment">
-          {{#if Template.subscriptionsReady}}
-            {{#if getCase}}
-              {{#with getCase}}
-                <h3>{{summary}}</h3>
+        <div class="ui list">
                 <table class="ui structured table">
                 <thead>
                   <tr>
@@ -33,13 +31,8 @@ <h3>{{summary}}</h3>
                   {{/each}}
                 </tbody>
               </table>
-              {{/with}}
-            {{else}}
-            No case
-            {{/if}}
-          {{/if}}
         </div>
-        <div class="ui segment">
+        <div class="ui list">
           {{#if getMyContacts}}
             <div class="ui horizontal segments">
               <table class="ui structured table">
@@ -75,7 +68,7 @@ <h3>{{summary}}</h3>
             {{/if}}
 
         </div>
-        <div class="ui segment">
+        <div class="ui list">
           {{#if getRecommendedContacts}}
             <div class="ui horizontal segments">
               <table class="ui structured table">
@@ -118,5 +111,10 @@ <h3>{{summary}}</h3>
       <div class="ui button cancel">Cancel</div>
       <div class="ui secondary button ok invite">Invite </div>
     </div>
+              {{/with}}
+            {{else}}
+            No case
+            {{/if}}
+          {{/if}}
   </div>
 </template>
diff --git a/webapp/client/style.css b/webapp/client/style.css
@@ -11,7 +11,6 @@ body {margin: 5px;}
 .ui.menu .ui.floating.label {
   top: -0.4em;
 }
-
 .confinedSpace textarea { height: 50px; resize:vertical; max-height:50px; min-height:50px; }
 
 .rail {
@@ -59,3 +58,6 @@ body {margin: 5px;}
 .dropzone .dz-message {
   margin: 0px;
 }
+.invite.ui.modal {
+  max-width: 500px;
+}