Better sizing of footer blocks relative to their images

diff --git a/css/app.css b/css/app.css
index f13b885..442235a 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -7665,7 +7665,7 @@ body .stButton .sharethis {
         border-color: #00573c; }
     .blocks-container .blocks .block .block-image-wrapper {
       display: block;
-      max-height: 170px;
+      max-height: 220px;
       overflow: hidden; }
       .blocks-container .blocks .block .block-image-wrapper img {
         transition: 0.75s all; }
@@ -7693,7 +7693,7 @@ body .stButton .sharethis {
     bottom: 0;
     display: none;
     height: auto;
-    max-height: 200px;
+    max-height: 220px;
     position: absolute;
     top: 0;
     width: 100%; }
@@ -7701,9 +7701,9 @@ body .stButton .sharethis {
       position: absolute;
       width: 100%;
       height: auto;
-      max-height: 200px;
+      max-height: 220px;
       margin: 0 auto;
-      top: 50px;
+      top: 75px;
       left: 50%;
       transform: translateX(-50%); }
       .blocks-container .blocks .block-overlay .block-overlay-center .block-title-center {

diff --git a/scss/plugins/_blocks.scss b/scss/plugins/_blocks.scss
index a784470..81c012b 100644 (file)
--- a/scss/plugins/_blocks.scss
+++ b/scss/plugins/_blocks.scss
@@ -59,7 +59,7 @@
             }
             .block-image-wrapper {
                 display: block;
-                max-height: 170px;
+                max-height: 220px;
                 overflow: hidden;
 
                 img {
@@ -100,7 +100,7 @@
             bottom: 0;
             display: none;
             height: auto;
-            max-height: 200px;
+            max-height: 220px;
             position: absolute;
             top: 0;
             width: 100%;
@@ -109,9 +109,9 @@
                 position: absolute;
                 width: 100%;
                 height: auto;
-                max-height: 200px;
+                max-height: 220px;
                 margin: 0 auto;
-                top: 50px;
+                top: 75px;
                 left: 50%;
                 transform: translateX(-50%);
                 .block-title-center{