From cfe3d4eaeaf838720d8b875f502b9410f26209ed Mon Sep 17 00:00:00 2001
From: walljm <walljm@gmail.com>
Date: Sat, 1 Feb 2020 15:21:43 -0500
Subject: [PATCH] make long titles readable

---
 .../src/pages/search/search.scss              | 181 +++++++++---------
 1 file changed, 95 insertions(+), 86 deletions(-)

diff --git a/DynamicBibleIonic/src/pages/search/search.scss b/DynamicBibleIonic/src/pages/search/search.scss
index d0213ea0..a2422b67 100644
--- a/DynamicBibleIonic/src/pages/search/search.scss
+++ b/DynamicBibleIonic/src/pages/search/search.scss
@@ -1,86 +1,95 @@
-
-ion-app.ios [padding] .scroll-content {
-    padding: 6px;
-}
-.toolbar .searchbar-ios .searchbar-input {
-    background: rgba(0, 0, 0, 0);
-}
-
-.toolbar {
-    contain: inherit;
-    overflow: inherit;
-}
-.toolbar-content {
-    margin-right: .5em;
-}
-ion-header, ion-list-header {
-    font-family: $heading;
-}
-
-ion-auto-complete ul {
-    top: 4.2em;
-    left: 3.5em;
-    width: fit-content;
-    width: -webkit-fill-available;
-    margin-right: 8.5em;
-}
-
-ion-auto-complete {
-    width: 100%;
-    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
-    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
-    margin-right: .1em;
-}
-
-.search-card {
-    p {
-        margin: 1em 0;
-        font-size: 1em;
-        color: black;
-    }
-    .button-large {
-        height: 3.6rem !important;
-    }
-    .title {
-        font-size: 1.3em;
-        font-family: $cardTitle;
-    }
-    a {
-        color: black;
-        border-bottom: 1px dotted #b3bfd0;
-    }
-}
-
-body {
-    -webkit-user-select: auto !important;
-    .scroll {
-        -webkit-user-select: inherit;
-        user-select: inherit;
-    }
-}
-
-.card {
-    h2 { // chapter heading
-        font-size: 2rem;
-        font-family: $chapterHeadingFontFamily;
-    }
-    h3 { // paragraph heading
-        font-size: 1.6rem;
-        font-family: $paragraphHeadingFontFamily;
-    }
-    max-width: 800px;
-    margin: 12px auto;
-}
-
-.item.item-block .item-inner {
-    padding: 0px;
-}
-
-.item ion-icon[item-left]+.item-inner {
-    margin-left: 6px;
-}
-
-#actions ion-label
-{
-    font-size: .9em;
-}
\ No newline at end of file
+ion-app.ios [padding] .scroll-content {
+    padding: 6px;
+}
+.toolbar .searchbar-ios .searchbar-input {
+    background: rgba(0, 0, 0, 0);
+}
+
+.toolbar {
+    contain: inherit;
+    overflow: inherit;
+}
+.toolbar-content {
+    margin-right: 0.5em;
+}
+ion-header,
+ion-list-header {
+    font-family: $heading;
+}
+
+ion-auto-complete ul {
+    top: 4.2em;
+    left: 3.5em;
+    width: fit-content;
+    width: -webkit-fill-available;
+    margin-right: 8.5em;
+}
+
+ion-auto-complete {
+    width: 100%;
+    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+    margin-right: 0.1em;
+}
+
+.search-card {
+    p {
+        margin: 1em 0;
+        font-size: 1em;
+        color: black;
+    }
+    .button-large {
+        height: 3.6rem !important;
+    }
+    .title {
+        font-size: 1.3em;
+        font-family: $cardTitle;
+    }
+    a {
+        color: black;
+        border-bottom: 1px dotted #b3bfd0;
+    }
+}
+
+body {
+    -webkit-user-select: auto !important;
+    .scroll {
+        -webkit-user-select: inherit;
+        user-select: inherit;
+    }
+}
+
+.card {
+    h2 {
+        // chapter heading
+        font-size: 2rem;
+        font-family: $chapterHeadingFontFamily;
+    }
+    h3 {
+        // paragraph heading
+        font-size: 1.6rem;
+        font-family: $paragraphHeadingFontFamily;
+    }
+    max-width: 800px;
+    margin: 12px auto;
+
+    ion-item {
+        .label {
+            span {
+                white-space: normal;
+            }
+        }
+    }
+}
+
+.item.item-block .item-inner {
+    padding: 0px;
+}
+
+.item ion-icon[item-left] + .item-inner {
+    margin-left: 6px;
+}
+
+#actions ion-label {
+    font-size: 0.9em;
+}