From 3a536526c337cfd511d2c2afc6166c178a0f7769 Mon Sep 17 00:00:00 2001
From: "jason.wall" <jason@walljm.com>
Date: Fri, 27 Jan 2017 23:19:42 -0500
Subject: [PATCH] FIX: fixed bugs in strongs modal, tweaked display of scroll
 bars, text in strongs

---
 .../strongs-modal/strongs-modal.html          | 11 +++++-----
 .../strongs-modal/strongs-modal.scss          | 20 +++++++++++++++++++
 .../src/components/strongs/strongs.html       |  3 ++-
 .../src/components/strongs/strongs.scss       | 13 ++++++++++++
 .../src/components/words/words.scss           | 13 ++++++++++++
 .../src/pages/search/search.scss              |  2 +-
 6 files changed, 55 insertions(+), 7 deletions(-)

diff --git a/DynamicBibleIonic/src/components/strongs-modal/strongs-modal.html b/DynamicBibleIonic/src/components/strongs-modal/strongs-modal.html
index 58fb1626..4606dc83 100644
--- a/DynamicBibleIonic/src/components/strongs-modal/strongs-modal.html
+++ b/DynamicBibleIonic/src/components/strongs-modal/strongs-modal.html
@@ -1,7 +1,7 @@
 <ion-header>
     <ion-toolbar>
         <ion-title>
-            <ion-icon name="paper" item-left></ion-icon> <span *ngIf="item !== undefined"><span *ngIf="data.status === -1">Error:</span>Strongs: {{item.prefix}}{{item.sn}}</span>
+            <ion-icon name="paper" item-left></ion-icon> <span *ngIf="item !== undefined"><span *ngIf="item.status === -1">Error:</span>Strongs: {{item.prefix}}{{item.sn}}</span>
         </ion-title>
         <ion-buttons start>
             <button ion-button (click)="dismiss()" large>
@@ -10,7 +10,7 @@
         </ion-buttons>
     </ion-toolbar>
 </ion-header>
-<ion-content padding *ngIf="item !== undefined && data.status === 0">
+<ion-content padding *ngIf="item !== undefined && item.status === 0">
     <br>
     <h2>Strong's Definitition</h2>
     <p>
@@ -29,12 +29,13 @@
         </ul>
     </template>
     <h2>Cross References</h2>
+    Translated as {{item.crossrefs.ss.length}} words 
     <dl>
         <dd *ngFor="let wrd of item.crossrefs.ss">
-            {{wrd.w}}: <span *ngFor="let p of wrd.rs"><a (click)="openPassage(p.r)">{{makePassage(p.r)}}</a>, </span>
+            <strong>{{wrd.w}}:</strong> <span *ngFor="let p of wrd.rs"><a (click)="openPassage(p.r)">{{makePassage(p.r)}}</a>, </span>
         </dd>
     </dl>
 </ion-content>
- <ion-content *ngIf="data !== undefined && data.status === -1">
-    <error-message [msg]="data.msg"></error-message>
+ <ion-content *ngIf="item !== undefined && item.status === -1">
+    <error-message [msg]="item.msg"></error-message>
 </ion-content>
\ No newline at end of file
diff --git a/DynamicBibleIonic/src/components/strongs-modal/strongs-modal.scss b/DynamicBibleIonic/src/components/strongs-modal/strongs-modal.scss
index a4638cba..d5d56169 100644
--- a/DynamicBibleIonic/src/components/strongs-modal/strongs-modal.scss
+++ b/DynamicBibleIonic/src/components/strongs-modal/strongs-modal.scss
@@ -1,5 +1,25 @@
 strongs-modal {
     a {
         cursor: pointer !important;
+        color: black;
+        border-bottom: 1px dotted #b3bfd0;
+    }
+
+    .bar-button-ios {
+        padding-right: 25px;
+        padding-left: 9px;
+    }
+
+    .bar-button-md, .bar-button-wp {
+        padding-left: 25px;
+        padding-right: 9px;
+    }
+
+    .scroll-content {
+        line-height: 1.5em;
+    }
+
+    dd {
+        line-height: 1.7em;
     }
 }
\ No newline at end of file
diff --git a/DynamicBibleIonic/src/components/strongs/strongs.html b/DynamicBibleIonic/src/components/strongs/strongs.html
index 84e94506..f83e2c2d 100644
--- a/DynamicBibleIonic/src/components/strongs/strongs.html
+++ b/DynamicBibleIonic/src/components/strongs/strongs.html
@@ -26,10 +26,11 @@
     </div>
     <div class="strongs-cross">
         <h2>Cross References</h2>
+        Translated as {{data.crossrefs.ss.length}} words 
         <ion-scroll scrollY="true">
             <dl>
                 <dd *ngFor="let wrd of data.crossrefs.ss">
-                    <b>{{wrd.w}}</b>: <span *ngFor="let p of wrd.rs"><a (click)="openPassage(p.r)">{{makePassage(p.r)}}</a>, </span>
+                    <strong>{{wrd.w}}</strong>: <span *ngFor="let p of wrd.rs"><a (click)="openPassage(p.r)">{{makePassage(p.r)}}</a>, </span>
                 </dd>
             </dl>
         </ion-scroll>
diff --git a/DynamicBibleIonic/src/components/strongs/strongs.scss b/DynamicBibleIonic/src/components/strongs/strongs.scss
index f194f91d..7be12051 100644
--- a/DynamicBibleIonic/src/components/strongs/strongs.scss
+++ b/DynamicBibleIonic/src/components/strongs/strongs.scss
@@ -29,6 +29,19 @@ strongs {
 
     dd {
         -webkit-margin-start: 12px;
+        line-height: 1.7em;
+    }
+    
+    ::-webkit-scrollbar {
+        width: 12px;
+    }
+    /* Track */
+    ::-webkit-scrollbar-track {
+        -webkit-box-shadow: rgba(0,0,0,0.05) 12px 12px inset;
+    }
+    /* Handle */
+    ::-webkit-scrollbar-thumb {
+        background: rgba(0,0,0,0.1);
     }
 }
 
diff --git a/DynamicBibleIonic/src/components/words/words.scss b/DynamicBibleIonic/src/components/words/words.scss
index d04cd2b9..867002c6 100644
--- a/DynamicBibleIonic/src/components/words/words.scss
+++ b/DynamicBibleIonic/src/components/words/words.scss
@@ -31,6 +31,19 @@
     ion-col {
         margin-bottom: 0px !important;
     }
+    
+    ::-webkit-scrollbar {
+        width: 12px;
+    }
+    /* Track */
+    ::-webkit-scrollbar-track {
+        -webkit-box-shadow: rgba(0,0,0,0.05) 12px 12px inset;
+    }
+    /* Handle */
+    ::-webkit-scrollbar-thumb {
+        background: rgba(0,0,0,0.1);
+    }
+
 }
 
 @media screen and (max-width: 499px) {
diff --git a/DynamicBibleIonic/src/pages/search/search.scss b/DynamicBibleIonic/src/pages/search/search.scss
index ce8b7684..07db627a 100644
--- a/DynamicBibleIonic/src/pages/search/search.scss
+++ b/DynamicBibleIonic/src/pages/search/search.scss
@@ -16,7 +16,7 @@
 
     a {
         color: black;
-        border-bottom: 1px dotted #ccc;
+        border-bottom: 1px dotted #b3bfd0;
     }
 }