diff --git a/bookface_dark.css b/bookface_dark.css index a3f790c..674c2f7 100644 --- a/bookface_dark.css +++ b/bookface_dark.css @@ -808,7 +808,7 @@ aside .widget li:hover { } /* Photo Albums */ -/* + .photo-album-actions .icon-padding, .photo-edit-link-wrap .icon-padding { margin-left: 10px !important; @@ -867,20 +867,21 @@ aside .widget li:hover { margin-top: -10px; display: inline-block; } + .justified-gallery { overflow: visible !important; } .justified-gallery > a, .justified-gallery > div, .justified-gallery > figure{ - height: 180px !important; - width: 180px !important; + height: 115px !important; + width: 115px !important; border: 1px solid #ccc; position: relative !important; top: auto !important; left: auto !important; border-radius: 8px; - margin: 4px !important; + margin: 1px !important; } .justified-gallery > .jg-entry-visible > img, .justified-gallery > .jg-entry-visible > a > img, @@ -888,7 +889,7 @@ aside .widget li:hover { .justified-gallery > .jg-entry-visible > a > svg{ width: 100% !important; height: 100% !important; - margin: 0 !important; + margin: 1px !important; top: 0 !important; left: 0 !important; object-fit:cover; diff --git a/bookface_light.css b/bookface_light.css index 86d44f4..06e76f4 100644 --- a/bookface_light.css +++ b/bookface_light.css @@ -753,7 +753,7 @@ } /* Photo Albums */ -/* + .photo-album-actions .icon-padding, .photo-edit-link-wrap .icon-padding { margin-left: 10px !important; @@ -818,14 +818,14 @@ .justified-gallery > a, .justified-gallery > div, .justified-gallery > figure{ - height: 180px !important; - width: 180px !important; + height: 115px !important; + width: 115px !important; border: 1px solid #ccc; position: relative !important; top: auto !important; left: auto !important; border-radius: 8px; - margin: 4px !important; + margin: 1px !important; } .justified-gallery > .jg-entry-visible > img, .justified-gallery > .jg-entry-visible > a > img, @@ -833,13 +833,13 @@ .justified-gallery > .jg-entry-visible > a > svg{ width: 100% !important; height: 100% !important; - margin: 0 !important; + margin: 1px !important; top: 0 !important; left: 0 !important; object-fit:cover; object-position: center; } -#photo-photo { +/* #photo-photo { margin: 0 auto !important; } */