fixed styling issue, update account.

akinabot · Jul 8, 2016 · 0421e63 · 0421e63
1 parent 1cfab87
commit 0421e63
Show file tree

Hide file tree

Showing 5 changed files with 49 additions and 20 deletions.
diff --git a/README.md b/README.md
@@ -6,6 +6,10 @@
 
 **THIS APP IS A WORK IN PROGRESS**
 
+## Note:
+Login is in progress,
+
+
 ## Running the app on Bluemix
 <Either add a Deploy to Bluemix button or include detailed instructions on how to deploy the app(s) to Bluemix after cloning the repo. You should assume the user has little to no Bluemix experience and provide as much detail as possible in the steps.>
 
@@ -16,7 +20,8 @@ Coming Soon!
 <Create sub-sections to break down larger sequences of steps. General rule of thumb is that you should not have more than 9 steps in each task. Include sanity checks, or ways for the developer to confirm what they have done so far is correct, every 20 steps. Also, avoid directly referencing the Bluemix UI components so that ACE changes don't invalidate your README.>
 
 ## Run the app locally
-Coming soon!
+In order to run the app locally you must add your cloudant credentials to the app.js file in lines 86 to 88. 
+
 
 ## API documentation
 The API methods that this component exposes requires the discovery of dependent services, however, the API will gracefully fail when they are not available.

diff --git a/app.js b/app.js
@@ -82,6 +82,7 @@ app.listen(appEnv.port, '0.0.0.0', function () {
       username = '';
       password = '';
 
+
       // Initialize the library with CloudCo account.
       var cloudant = Cloudant({
           account: username,

diff --git a/public/javascript/cloudco.js b/public/javascript/cloudco.js
@@ -34,7 +34,7 @@ function checkLoginState() {
 
 window.fbAsyncInit = function () {
     FB.init({
-        appId: '1714862932115073',
+        appId: '1793919404162980',
         xfbml: true,
         version: 'v2.6'
     });

diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css
@@ -165,7 +165,7 @@ a {
 
 .insuranceLeftList li {
     list-style: none;
-    padding: 15px;
+    padding: 7px;
     background: #547190;
     font-size: 12px;
     color: white;
@@ -243,7 +243,8 @@ a {
   color: #830808;
   font-size: 14px;
   text-decoration: underline;
-  font-weight: bold;  
+  font-weight: bold;
+  padding: 6px;
 }
 
 .ui-userInfo li input[type="text"], .userRadio {
@@ -492,11 +493,13 @@ a {
 }
 
 .benefits {
-    padding: 15px;
-    color: white;
+    padding: 20px 6px;
+        color: white;
+        font-size: 18px;
+    font-weight: bold;
 }
 
-.benefits h3 > span {
+.benefits span {
     width: 100%;
     border-bottom: 1px dotted white;
     float: left;
@@ -545,6 +548,18 @@ a {
     padding-bottom: 1px;
 }
 
+.benefits .benClass span{
+  font-weight: bold;
+    color: black;
+    font-size: 13px;
+    padding-left: 5px;
+    padding: 2px 5px;
+    border-radius: 2px;
+    background: white;
+    width: 140px;
+    float: right;
+    text-align: center;
+}
 
 
 /*  dropdown menu styling  */

diff --git a/views/health.ejs b/views/health.ejs
@@ -44,10 +44,9 @@
                 <li>Health Policy Renewal Date: <span><%= memberData.policies[0].policyrenewal %></span></li>
               </ul>
 
-              <div class="benefits">
-                <h3><span>Benefits</span></h3>
-                <p>
 
+
+              <ul class="ui-insuranceLeftList">
                     <%
                     var CClaims = memberData.policies[0].categories[0].coverage[0].claims;
                     var CCoverage = memberData.policies[0].categories[0].coverage;
@@ -59,25 +58,29 @@
                       for(cat_i=0; cat_i<CCategories.length; cat_i++)
                       {
                         %>
-                          <span class="benefits-heading"><b>COVER:</b> <%=CCategories[cat_i].category %></span><br>
-                          <%=CCategories[cat_i].description %><br><br>
+                        <div class="benefits">
+                          <span><%=CCategories[cat_i].category %></span>
+                        </div>
+                          <%=CCategories[cat_i].description %>
                         <%
 
 
                         for(cov_i=0; cov_i<CCategories[cat_i].coverage.length; cov_i++)
                         {
                             %>
-                              <b>TYPE: </b> <%=CCategories[cat_i].coverage[cov_i].item %><br>
-                              <b>LIMIT: </b> <%=CCategories[cat_i].coverage[cov_i].limit %><br>
-                              <b>COVER BEGIN: </b> <%=CCategories[cat_i].coverage[cov_i].begin %><br>
-                              <b>PERCENTAGE: </b> <%=CCategories[cat_i].coverage[cov_i].percentage %><br>
-                              <b>No. Of Claims: </b> <%= CCategories[cat_i].coverage[cov_i].claims.length %><br>
+                            <li>TYPE: <span><%=CCategories[cat_i].coverage[cov_i].item %></span></li>
+                            <li>LIMIT: <span><%=CCategories[cat_i].coverage[cov_i].limit %></span></li>
+                            <li>COVER BEGIN: <span><%=CCategories[cat_i].coverage[cov_i].begin %></span></li>
+                            <li>PERCENTAGE: <span><%=CCategories[cat_i].coverage[cov_i].percentage %></span></li>
+                            <li>No. Of Claims: <span><%= CCategories[cat_i].coverage[cov_i].claims.length %></span></li>
+
                             <%
                               for(cla_i=0; cla_i<CCategories[cat_i].coverage[cov_i].claims.length; cla_i++)
                               {
                                   %>
-                                  <b>CLAIM DATE: </b> <%= CCategories[cat_i].coverage[cov_i].claims[cla_i].date %><br>
-                                  <b>CLAIM AMOUNT: </b> <%= CCategories[cat_i].coverage[cov_i].claims[cla_i].amount %><br><br>
+                                  <li>CLAIM DATE: <span><%= CCategories[cat_i].coverage[cov_i].claims[cla_i].date %></span></li>
+                                  <li>CLAIM AMOUNT: <span><%= CCategories[cat_i].coverage[cov_i].claims[cla_i].amount %></span></li>
+
                                   <%
 
                                   if( CCategories[cat_i].coverage[cov_i].claims[cla_i].amount  > CCategories[cat_i].coverage[cov_i].limit )
@@ -87,6 +90,9 @@
                                     <%
                                   }
                               }
+                              %>
+                              <br>
+                              <%
                         }
                       }
                     }else
@@ -95,11 +101,13 @@
                     <%}
                     %>
                 </p>
-              </div>
 
+              </ul>
             </div>
 
 
+
+
             <ul class="insuranceRightList">
               <li><a href="../healthClaim?name=<%=memberData.name%>&&id=<%=memberData.id%>">Make a claim</a></li>
             </ul>