lttr: fixed some styling issues on Range archive pages

2 files changed, 48 insertions, 9 deletions

diff --git a/app/lttr/templates/lttr/range_detail.html b/app/lttr/templates/lttr/range_detail.html
index 41bf611..973c86e 100644
--- a/app/lttr/templates/lttr/range_detail.html
+++ b/app/lttr/templates/lttr/range_detail.html
@@ -77,7 +77,7 @@
                 src="{{image.get_src}}"
                 alt="{{image.alt}} photographed by {% if image.photo_credit_source %}{{image.photo_credit_source}}{%else%}luxagraf{%endif%}">
              </a>
-             <figcaption>
+             <figcaption class="exif-caption">
                  {{image.exif_make}} {{image.exif_model}} {%if image.exif_lens %}{{image.exif_lens}}{%endif%} {{image.exif_aperture}} for {{image.exif_exposure}} at {{image.exif_iso}}
              </figcaption>
         </figure>{%endwith%}
diff --git a/design/sass/screenv10.scss b/design/sass/screenv10.scss
index 7d20f47..e8116fe 100644
--- a/design/sass/screenv10.scss
+++ b/design/sass/screenv10.scss
@@ -112,12 +112,12 @@ audio {
     max-width: 100%;
 }
 blockquote {
-    font-size: 18px;
-    font-size: 1.125rem;
+    font-size: 22px;
+    font-size: 1.375rem;
     display: block;
-    border-top: 4px solid #e6e6e6;
-    border-bottom: 4px solid #e6e6e6;
-    margin: 3rem 0;
+    border-top: 1px solid #e6e6e6;
+    border-bottom: 1px solid #e6e6e6;
+    margin: 2rem 0;
     position: relative;
     text-align: left;
     font-style: italic;
@@ -418,7 +418,7 @@ input, .textarea-rounded textarea {
 }
 //}}}
 ///********** class for header and footer menus *********{{{
-.nav-item, .nav-item:visited {
+.nav-item, .nav-item a, .nav-item:visited {
     color: #757575;
     margin: 0 0.25rem;
     font-family: mffnweb, Helvetica, sans-serif;
@@ -433,8 +433,9 @@ input, .textarea-rounded textarea {
     color: #9d9d9d;
     padding-left: 0.75rem;
 }
-.nav-item:last-of-type:after {
+.nav-item:last-child:after {
     content: " ";
+    padding-left: 0;
 }
 //}}}
 //}}}
@@ -625,6 +626,9 @@ p + .picwide {
     // used in book list
     margin-bottom: .5rem;
 }
+.card-image img {
+    border-radius: 8px;
+}
 .card-image-sm {
     // smaller card image
     // used on homepage
@@ -1205,10 +1209,41 @@ pre{
 
 }
 
+.generic-form {
+    margin: 2rem 0;
+}
+.generic-form fieldset {
+    padding: 0;
+    border: none;
+    width: 100%;
+    position: relative;
+}
+.generic-form input[type=email] {
+    font-size: 18px;
+    background-color: #fff;
+    border: 2px solid darken(#efefef, 10);
+    border-radius: 5px;
+    height: 2.2rem;
+    padding: 4px 4px 4px 8px;
+    margin-right: .5rem;
+}
+.generic-form label { 
+    display: block;
+    visibility: hidden;
+    width: 0;
+    height: 0;
+}
+.flex {
+    display: flex;
+}
+.flex .btn, .flex .btn-hollow {
+    flex-basis: 10%;
+}
+
 .newsletter-subscribe {
     margin: 3rem 0;
 }
-.newsletter-subscribefieldset {
+.newsletter-subscribe fieldset {
     margin: 0;
 }
 
@@ -1290,6 +1325,10 @@ pre{
     .banner .large-top-image img {
         margin-top: -120px;
     }
+    .large-top-image .exif-caption {
+        padding-bottom: .5rem;
+        padding-left: 10px;
+    }
 }
 
 @media screen and (min-width: 750px) {