diff --git a/app/static/structure.css b/app/static/structure.css index 47e25f42..1354908c 100644 --- a/app/static/structure.css +++ b/app/static/structure.css @@ -534,8 +534,7 @@ fieldset legend { background-repeat: no-repeat; background-position: center center; background-size: cover; - border-radius: 5px 5px 0 0; - /* top-left | top-right | bottom-right | bottom-left */ + border-radius: 5px 5px 0 0; /* top-left | top-right | bottom-right | bottom-left */ height: 176px; margin-left: -12px; margin-right: -12px; @@ -641,6 +640,9 @@ fieldset legend { .post_list .post_teaser .utilities_row a { display: inline-block; min-width: 44px; + min-height: 44px; + justify-content: center; + align-content: center; } .post_list .post_teaser .utilities_row .preview_image, .post_list .post_teaser .utilities_row .post_options { text-align: center; @@ -700,6 +702,19 @@ fieldset legend { font-size: 80%; } +.post_utilities_bar { + display: flex; + min-height: 44px; +} +.post_utilities_bar .post_options_link { + display: flex; + width: 44px; + height: 44px; + padding: 3px; + justify-content: center; + align-items: center; +} + .post_list_masonry, .post_list_masonry_wide { -webkit-column-count: 2; -moz-column-count: 2; diff --git a/app/static/structure.scss b/app/static/structure.scss index 2de3d98e..c7c08128 100644 --- a/app/static/structure.scss +++ b/app/static/structure.scss @@ -236,6 +236,9 @@ html { a { display: inline-block; min-width: 44px; + min-height:44px; + justify-content: center; + align-content: center; } .preview_image, .post_options { text-align: center; @@ -306,6 +309,20 @@ html { } } +.post_utilities_bar { + display: flex; + min-height:44px; + + .post_options_link { + display: flex; + width: 44px; + height: 44px; + padding: 3px; + justify-content: center; + align-items: center; + } +} + .post_list_masonry, .post_list_masonry_wide { -webkit-column-count: 2; -moz-column-count: 2; diff --git a/app/templates/post/_post_full.html b/app/templates/post/_post_full.html index 9d384edd..437b4730 100644 --- a/app/templates/post/_post_full.html +++ b/app/templates/post/_post_full.html @@ -103,5 +103,7 @@ {% endif %} - +